:root{color-scheme:dark;--bg:#101110;--panel:#181a17;--line:#2e322a;--muted:#a6ab9f;--ink:#f4f4ed;--acid:#d3fd46;--mono:"IBM Plex Mono",monospace;--display:"Space Grotesk",system-ui,sans-serif}
#hero-title { white-space: normal; text-wrap: balance; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.checker-download {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  min-height: 76px;
  padding: 12px 16px;
  font-weight: 600;
  color: var(--acid);
  background: var(--bg);
  border: 1px solid currentColor;
  border-radius: 12px;
}
.checker-download svg { flex: none; }
.checker-download:hover, .checker-download:focus-visible { background: var(--acid); color: var(--bg); }
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--display)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--acid);outline-offset:4px}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.acid{color:var(--acid)}.skip{position:absolute;top:10px;left:10px;padding:10px;background:var(--acid);color:var(--bg);z-index:20;transform:translateY(-150%)}.skip:focus{transform:none}
.top{border-bottom:1px solid var(--line)}.top-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:21px;line-height:1;font-weight:700;letter-spacing:-.045em;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-dot{color:var(--acid);margin-left:2px}.top nav{display:flex;gap:35px;font:500 12px var(--mono);letter-spacing:.035em;color:#c5c8be}.top nav a:hover,.quiet:hover,.back:hover{color:var(--acid)}.bag{display:flex;align-items:center;gap:10px;font:600 11px var(--mono);padding:8px 10px;background:transparent;border:1px solid #464d3b}.bag:hover{border-color:var(--acid)}.bag b{color:var(--acid);background:#29321b;min-width:23px;text-align:center;padding:4px 5px}
.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:35px;padding-block:53px 49px}.eyebrow{display:flex;align-items:center;gap:8px;color:#b1b8a8;font:500 11px/1.5 var(--mono);letter-spacing:.1em}.eyebrow i,.inventory i{height:7px;width:7px;flex:none;border-radius:50%;background:var(--acid);box-shadow:0 0 12px #d3fd4666}.rule{display:inline-block;width:30px;border-top:1px solid #535c42;margin-inline:4px}.hero h1{font-size:clamp(44px,6.4vw,101px);font-weight:700;line-height:.98;letter-spacing:-.088em;margin-top:22px;white-space:nowrap}.hero h1 em{color:var(--acid);font-style:normal}.hero h1 em span{letter-spacing:-.15em}.intro{font-size:clamp(15px,1.4vw,19px);max-width:390px;color:#b9bdb2;margin-top:24px;line-height:1.55}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.primary{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:19px;padding:0 15px;background:var(--acid);color:#151a0c;border:1px solid var(--acid);font:600 12px var(--mono);white-space:nowrap;transition:background .16s}.primary:hover{background:#eeffae}.quiet{font:500 11px var(--mono);color:#d1d4c9;white-space:nowrap}.quiet span{color:var(--acid);margin-left:3px}
.hero-visual{border:1px solid #3a4430;position:relative;min-width:0;background:#151913}.hero-visual::before,.hero-visual::after{content:"";width:9px;height:9px;border:solid var(--acid);position:absolute;z-index:1;pointer-events:none}.hero-visual::before{left:-1px;top:-1px;border-width:1px 0 0 1px}.hero-visual::after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.hero-visual img{width:100%;height:auto}.frame-meta,figcaption{font:500 10px var(--mono);letter-spacing:.07em;color:#aab399;display:flex;justify-content:space-between;gap:8px;padding:9px 12px}.frame-meta{border-bottom:1px solid #3a4430}.frame-meta b,figcaption span:last-child{color:var(--acid)}.frame-meta b{margin-inline:2px}figcaption{border-top:1px solid #3a4430}
.ticker{overflow:hidden;background:var(--acid);color:#20270d}.ticker-inner{width:max-content;min-width:100%;display:flex;justify-content:space-around;gap:clamp(18px,4vw,65px);align-items:center;padding:8px 22px;font:600 12px var(--mono);letter-spacing:.075em}.ticker b{font-size:16px;line-height:1}
.catalog{padding-block:54px 66px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:14px}.section-top h2,.protocol h2,.drawer h2{font-size:clamp(38px,5vw,65px);font-weight:700;letter-spacing:-.075em;line-height:1.03;margin-top:9px}.inventory{font:500 10px var(--mono);letter-spacing:.06em;color:var(--muted);display:inline-flex;align-items:center;gap:7px;padding-bottom:7px;white-space:nowrap}.inventory i{width:5px;height:5px}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-block:22px 16px}.filter{min-height:37px;padding:0 13px;border:1px solid #3d4437;background:transparent;color:#bac0b1;font:500 11px var(--mono);letter-spacing:.025em}.filter[aria-pressed="true"]{background:var(--acid);border-color:var(--acid);color:#151a0c;font-weight:600}.filter:hover{border-color:var(--acid)}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product{--tint:#d3fd46;--shade:#242e19;background:#161815;border:1px solid #33392f;min-width:0;display:flex;flex-direction:column}.product.premium{--tint:#c4a7ff;--shade:#29203c}.product.deluxe{--tint:#75e6df;--shade:#173133}.product:hover{border-color:var(--tint)}.product-art{overflow:hidden;height:137px;position:relative;background:radial-gradient(ellipse at 68% 55%,var(--shade),#141614 85%);color:var(--tint);border-bottom:1px solid #363a32;isolation:isolate}.product-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:18px 18px;opacity:.085;z-index:-1}.art-label{position:absolute;top:13px;left:13px;border:1px solid currentColor;font:500 9px var(--mono);letter-spacing:.06em;padding:4px 6px}.art-id{position:absolute;bottom:10px;right:13px;font:500 9px var(--mono);opacity:.8}.product-art>svg{position:absolute;top:0;left:50%;width:150px;height:133px;transform:translateX(-34%);fill:none;stroke:currentColor}.product-body{display:flex;flex-direction:column;flex:1;padding:17px 16px 15px}.product h3{font-size:26px;letter-spacing:-.055em;line-height:1.12}.product p{margin-top:6px;color:var(--muted);font-size:14px}.chips{margin:15px 0 18px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:5px}.chips li{font:400 10px var(--mono);padding:5px 6px;color:#d0d3cb;border:1px solid #363b32}.product-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid var(--line);padding-top:13px}.price{font-size:22px;font-weight:700;letter-spacing:-.055em;white-space:nowrap}.price small{font:400 9px var(--mono);color:#aeb6a6;letter-spacing:0}.add{display:inline-flex;gap:4px;align-items:center;background:transparent;border:1px solid #505747;color:var(--tint);padding:7px 8px;font:600 10px var(--mono);white-space:nowrap}.add:hover{color:var(--bg);border-color:var(--tint);background:var(--tint)}.add .icon{width:14px;height:14px}.example-note{color:var(--muted);font:400 11px/1.55 var(--mono);margin-top:15px}
.protocol{padding-block:48px 60px;background:#151713;border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.steps article{padding:16px;border-top:1px solid #4c5540}.step-index{color:var(--acid);font:500 11px var(--mono)}.steps h3{margin-top:7px;font-size:21px;letter-spacing:-.035em}.steps p{color:var(--muted);font-size:14px;margin-top:5px;max-width:270px}.footer-inner{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-inner .brand{font-size:17px}.footer-inner p,.back{color:var(--muted);font:500 10px var(--mono)}
dialog{margin:0 0 0 auto;max-width:100%;width:min(440px,100%);max-height:100dvh;height:100dvh;border:0;border-left:1px solid #414a35;background:#171a14;color:var(--ink);padding:0}dialog::backdrop{background:#080a07bc;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.drawer{min-height:100%;display:flex;flex-direction:column;padding:25px}.drawer-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.drawer h2{font-size:46px}.close{width:39px;height:39px;font-size:25px;line-height:1;background:transparent;border:1px solid #454e3b}.close:hover,.qty button:hover{color:var(--acid);border-color:var(--acid)}.empty{padding:20px 0;color:var(--muted)}.cart-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;border-top:1px solid var(--line);padding-block:14px}.cart-row small{display:block;color:var(--muted);font:400 11px var(--mono);margin-top:4px}.qty{display:flex;align-items:center;gap:7px;font:500 12px var(--mono)}.qty button{background:transparent;border:1px solid #454e3b;width:33px;height:33px}.drawer-foot{margin-top:auto;padding-top:23px}.total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:15px;font-size:17px}.checkout{width:100%}.toast{position:fixed;right:22px;bottom:22px;background:var(--acid);color:#17200a;z-index:2;padding:10px 14px;font:600 12px var(--mono);box-shadow:0 4px 24px #0008;max-width:calc(100% - 44px)}.toast:empty{display:none}
@media(max-width:1100px){.wrap{width:calc(100% - 70px)}.hero{gap:25px}.hero h1{font-size:clamp(45px,7vw,75px)}.hero-actions{gap:15px}}
@media(max-width:820px){.wrap{width:calc(100% - 44px)}.top nav{gap:18px}.hero{padding-block:34px;gap:19px}.hero h1{font-size:clamp(42px,7vw,58px)}.intro{margin-top:16px}.hero-actions{margin-top:21px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wrap{width:calc(100% - 34px)}.top-inner{height:62px}.top nav{display:none}.hero{grid-template-columns:1fr;gap:27px;padding-block:29px 30px}.hero h1{font-size:clamp(47px,11.8vw,74px);margin-top:14px}.hero-visual img{max-height:310px;object-fit:cover}.catalog{padding-block:35px 45px}.section-top{align-items:start;flex-direction:column;gap:8px}.inventory{padding-bottom:0}.filters{margin-top:15px}.steps{grid-template-columns:1fr;gap:7px}.steps article{padding:12px 0}.steps p{max-width:none}.footer-inner{padding-block:17px;flex-wrap:wrap}.product-body{padding-inline:12px}}
@media(max-width:455px){.products{grid-template-columns:1fr}.product-art{height:125px}.hero-actions{gap:12px}.primary{font-size:11px;gap:11px;padding-inline:11px}.quiet{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.brand img { width: clamp(132px, 19vw, 186px); height: auto; }
.footer-inner .brand img { width: 147px; }
.footer-telegram {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--muted);
  font: 500 12px var(--mono);
}
.footer-telegram:hover, .footer-telegram:focus-visible { color: var(--acid); }

.top-actions { display: flex; gap: 8px; align-items: center; }
.account-trigger { color: var(--acid); min-height: 39px; white-space: nowrap; }
.weekly { padding-block: 65px 90px; min-height: calc(100svh - 160px); }
.weekly-top { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 26px; }
.weekly h1 { font-size: clamp(43px, 6.8vw, 86px); line-height: 1; letter-spacing: -.075em; margin-top: 10px; }
.weekly-welcome { color: var(--muted); margin-top: 12px; }
.weekly-welcome strong { color: var(--ink); }
.weekly-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#weekly-message:not(:empty) { border: 1px solid var(--line); background: var(--panel); padding: 20px; }
.account-card form { display: grid; gap: 13px; }
.account-card label { display: grid; gap: 6px; color: var(--ink); font: 500 13px var(--mono); }
.account-card input { width: 100%; padding: 11px; background: var(--bg); border: 1px solid #535d48; color: var(--ink); font: 16px var(--display); }
#password-hint { margin-top: -6px; }
.account-page .account-card input {
  color: var(--acid);
  caret-color: var(--acid);
}
.account-page .account-card input:autofill { -webkit-text-fill-color: var(--acid); }
.password-control { position: relative; margin-top: 6px; }
.account-card .password-control input { padding-inline-end: 50px; }
.password-control button {
  position: absolute;
  inset-inline-end: 1px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
}
.password-control button:hover { color: var(--acid); }
.password-control button[aria-pressed="false"] .password-eye-slash { display: none; }
#password-match { color: #ffab9f; font-size: 14px; }
#password-match:not(:empty) { margin-top: 6px; }
#account-error { color: #ffab9f; font-size: 14px; }
#account-error:empty { display: none; }
.account-card button:disabled { opacity: .65; cursor: wait; }
@media (max-width: 870px) { .top nav { display: none; } }
@media (max-width: 650px) {
  .weekly { padding-block: 42px 60px; }
  .weekly-top { align-items: start; flex-direction: column; }
  .top-inner { gap: 10px; }
}
@media (max-width: 390px) {
  .bag-label { display: none; }
  .top-actions { gap: 5px; }
  .top-actions .bag { padding-inline: 6px; }
}

.account-page {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  gap: clamp(26px, 6vw, 90px);
  min-height: calc(100svh - 74px);
  padding-block: 42px;
}
.account-intro img { width: 100%; height: auto; border: 1px solid #3a4430; }
.account-intro h2 { font-size: clamp(25px, 4vw, 48px); line-height: 1.06; letter-spacing: -.065em; margin-top: 18px; }
.account-card { padding: clamp(17px, 3vw, 33px); border: 1px solid #3a4430; background: var(--panel); }
.account-card h1 { margin: 20px 0; font-size: clamp(30px, 4vw, 54px); line-height: 1; letter-spacing: -.07em; }
.account-tabs { display: flex; flex-wrap: wrap; gap: 7px; }
.account-tabs a { display: inline-flex; align-items: center; }
.account-tabs a[aria-current="page"] { color: var(--bg); background: var(--acid); border-color: var(--acid); }
@media (max-width: 720px) {
  .account-screen {
    display: flex;
    flex-direction: column;
    min-height: 100svh;
  }
  .account-page {
    flex: 1;
    grid-template-columns: 1fr;
    align-content: safe center;
    min-height: 0;
    padding-block: 20px;
  }
  .account-intro { display: none; }
}

.admin-link { display: inline-flex; align-items: center; color: var(--acid); }
.admin-page { padding-block: 40px 65px; }
.admin-page h1 { font-size: clamp(34px, 6vw, 70px); letter-spacing: -.07em; margin-bottom: 22px; }
.admin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.admin-grid h2 { margin-bottom: 14px; }
.admin-results { display: grid; gap: 18px; }
.admin-page select, .admin-page textarea { width: 100%; padding: 11px; background: var(--bg); border: 1px solid #535d48; color: var(--ink); font: 16px var(--display); }
#save-packs { margin-top: 15px; }
#admin-list { list-style: none; padding: 0; margin: 0; }
#admin-list li { border-top: 1px solid var(--line); padding-block: 9px; }
#admin-list small { display: block; color: var(--muted); }
@media (max-width: 720px) { .admin-grid { grid-template-columns: 1fr; } }

.test-pack { display: block; padding: 15px; align-self: start; }
.test-pack summary { cursor: pointer; color: var(--tint); overflow-wrap: anywhere; }
.test-pack summary strong { font-size: 21px; }
.test-pack summary small { display: block; margin-top: 4px; color: var(--muted); }
.test-card { margin-top: 13px; padding: 12px; background: var(--bg); border: 1px solid var(--line); }
.test-card h3 { font-size: 16px; letter-spacing: 0; }
.test-card code, .test-card small { display: block; margin-top: 6px; }
.test-card code { font: 600 14px var(--mono); color: var(--tint); }
.test-card .filter { margin-top: 8px; }
.scenario-list { margin: 0; border: 1px solid var(--line); padding: 10px; }
.scenario-list legend { color: var(--muted); font-size: 13px; }
.scenario-list label { display: flex; align-items: center; padding-block: 4px; }
.scenario-list input[type="checkbox"] { width: auto; accent-color: var(--acid); }
#country-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 135px), 1fr)); column-gap: 12px; }
.pack-section + .pack-section { margin-top: 32px; }
.pack-list {
  display: grid;
  gap: 8px;
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
.available-pack {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 16px;
}
.available-pack p { grid-column: 1; overflow-wrap: anywhere; }
.test-pack header strong { color: var(--tint); font-size: 21px; overflow-wrap: anywhere; }
.test-pack header small { display: block; color: var(--muted); margin-top: 4px; }
.claim-button { grid-column: 2; grid-row: 1 / span 2; }
.claim-button:disabled { opacity: .65; cursor: wait; }
@media (max-width: 480px) {
  .available-pack { grid-template-columns: minmax(0, 1fr); }
  .claim-button { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 10px; }
}

.sandbox-profile { margin-top: 12px; border-top: 1px solid var(--line); padding-top: 9px; font-size: 13px; }
.sandbox-profile dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 5px 9px; margin-block: 10px 0; }
.sandbox-profile dt { color: var(--muted); }
.sandbox-profile dd { margin: 0; overflow-wrap: anywhere; }

.dashboard {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: clamp(20px, 3vw, 40px);
  padding-block: 32px 64px;
}
.dashboard-sidebar {
  position: sticky;
  top: 20px;
  align-self: start;
  background: var(--panel);
  border: 1px solid var(--line);
  padding: 12px;
}
.dashboard-nav, .dashboard-session { display: grid; gap: 4px; }
.dashboard-nav a, .dashboard-session a {
  display: block;
  padding: 9px 10px;
  color: var(--muted);
  font-size: 14px;
  border-left: 2px solid transparent;
}
.dashboard-nav a:hover, .dashboard-session a:hover { color: var(--ink); }
.dashboard-nav a[aria-current="location"] {
  border-left-color: var(--acid);
  background: #252d1b;
  color: var(--acid);
}
.dashboard-session { border-top: 1px solid var(--line); margin-top: 14px; padding-top: 10px; }
.dashboard-session button { text-align: left; padding-inline: 10px; }
.dashboard-heading { display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 14px; }
.dashboard-heading h1 { font-size: clamp(36px, 5.5vw, 66px); }
.dashboard-week {
  font: 500 12px var(--mono);
  color: var(--muted);
  padding: 8px 10px;
  background: var(--panel);
  border: 1px solid var(--line);
}
.dashboard-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 24px 0; }
.dashboard-stats > div { background: var(--panel); border: 1px solid var(--line); padding: 13px; }
.dashboard-stats dt { color: var(--muted); font-size: 13px; }
.dashboard-stats dd { color: var(--acid); font: 600 clamp(24px, 4vw, 39px) var(--mono); margin: 7px 0 0; }
.dashboard-section { padding: clamp(12px, 2.4vw, 22px); background: var(--panel); border: 1px solid var(--line); scroll-margin-top: 20px; }
.dashboard-section + .dashboard-section { margin-top: 14px; }
.dashboard-section .pack-list:empty, .dashboard-content [role="status"]:empty { display: none; }
.dashboard-content [role="alert"]:empty { display: none; }
.dashboard-section .test-pack { background: var(--bg); }
@media (max-width: 410px) {
  .dashboard-stats { gap: 5px; }
  .dashboard-stats > div { padding: 7px; }
}

/* Dashboard */
.dashboard-icons { position: absolute; width: 0; height: 0; overflow: hidden; }
.dashboard-icon {
  width: 18px;
  height: 18px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.dashboard {
  grid-template-columns: 205px minmax(0, 1fr);
  gap: clamp(16px, 2.4vw, 30px);
}
.dashboard-sidebar, .dashboard-section, .dashboard-stats > div { border-radius: 10px; }
.dashboard-sidebar { padding: 12px 9px; }
.sidebar-label {
  padding: 8px 11px 12px;
  color: var(--muted);
  font: 500 10px var(--mono);
  letter-spacing: .08em;
}
.dashboard-nav a, .dashboard-session button {
  display: flex;
  align-items: center;
  gap: 9px;
  border-radius: 5px;
}
.dashboard-nav a[aria-current="location"] { background: #262f1a; }
.pack-nav-icon { position: relative; display: flex; flex: none; }
.pack-nav-count {
  position: absolute;
  top: -5px;
  left: calc(100% - 4px);
  min-width: 16px;
  padding: 1px 4px;
  border-radius: 10px;
  background: var(--acid);
  color: var(--bg);
  font: 600 10px/14px var(--mono);
  text-align: center;
}
@media (min-width: 721px) {
  .pack-nav-icon:has(.pack-nav-count:not([hidden])) { gap: 4px; }
  .pack-nav-count { position: static; }
}

.dashboard-session button { width: 100%; }
.dashboard-mobile-actions { display: none; }
.header-account { display: flex; align-items: center; gap: 6px; }
.header-logout { display: none; }
.dashboard-heading {
  min-height: 210px;
  padding: clamp(20px, 4vw, 36px);
  border: 1px solid #455732;
  border-radius: 12px;
  align-items: flex-end;
  background: linear-gradient(90deg, #191f15 0%, #191f15 38%, #191f15e8 55%, #191f1550 100%),
    url('vault.svg') right 44% / auto 155% no-repeat, #191f15;
  scroll-margin-top: 18px;
}
.dashboard-heading #account-name { overflow-wrap: anywhere; }
.dashboard-period {
  display: grid;
  gap: 5px;
  padding: 9px 13px;
  border: 1px solid #586844;
  border-radius: 6px;
  background: #11170eeb;
}
.dashboard-period > span { font: 500 9px var(--mono); color: var(--muted); letter-spacing: .09em; }
.dashboard-period .dashboard-week { padding: 0; border: 0; color: var(--ink); background: none; }
.dashboard-stats { margin: 14px 0 22px; }
.dashboard-stats > div { position: relative; padding: 15px; min-height: 100px; }
.dashboard-stats dd { margin-top: 9px; }
.dashboard-stats .dashboard-icon { position: absolute; bottom: 17px; right: 14px; color: #a4b28f; }
.dashboard-section-title { display: flex; align-items: center; gap: 10px; }
.dashboard-section-title .dashboard-icon { color: var(--acid); }
.pack-toast {
  position: fixed;
  inset: auto auto 20px 20px;
  z-index: 9;
  display: flex;
  align-items: center;
  width: min(340px, calc(100vw - 32px));
  background: var(--panel);
  border: 1px solid #455732;
  border-radius: 10px;
  box-shadow: 0 8px 28px #0008;
}
.pack-toast-link { display: flex; align-items: center; gap: 12px; flex: 1; padding: 12px; }
.pack-toast-link .dashboard-icon { color: var(--acid); }
.pack-toast small { display: block; color: var(--muted); font: 500 11px var(--mono); }
.pack-toast strong { font-size: 14px; }
.pack-toast button { width: 44px; height: 44px; flex: none; border: 0; background: transparent; color: var(--muted); font-size: 22px; }
@media (max-width: 720px) {
  .pack-toast { left: 16px; bottom: calc(84px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: no-preference) {
  .pack-toast { animation: pack-toast-enter .22s ease-out; }
  @keyframes pack-toast-enter { from { opacity: 0; transform: translateY(8px); } }
}
.dashboard-section .test-pack { border-radius: 7px; }
.dashboard-pack-summary small { display: flex !important; align-items: center; flex-wrap: wrap; gap: 7px; }
.pack-tier { padding: 2px 6px; border: 1px solid var(--tint); border-radius: 4px; color: var(--tint); font: 500 10px var(--mono); }
.test-pack > summary.dashboard-pack-summary { position: relative; padding-right: 92px; }
.pack-open-label { position: absolute; right: 0; top: 5px; font: 500 11px var(--mono); color: var(--muted); }
.test-pack[open] > summary .pack-open-label { display: none; }
.dashboard-section [role="status"]:not(:empty), .dashboard-section #claimed-empty:not([hidden]) {
  padding: 13px;
  border: 1px dashed #454d3c;
  background: transparent;
  border-radius: 6px;
}
@media (max-width: 720px) {
  .dashboard { grid-template-columns: minmax(0, 1fr); padding-block: 12px 20px; }
  body:has(.dashboard:not([hidden])) { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .dashboard-sidebar {
    position: fixed;
    inset: auto 0 0;
    z-index: 10;
    border-width: 1px 0 0;
    border-radius: 0;
    padding: 5px max(8px, env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
    box-shadow: 0 -8px 24px #0006;
  }
  .sidebar-label, .dashboard-session, .dashboard-nav #admin-link { display: none; }
  .dashboard-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .dashboard-nav a {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    min-height: 58px;
    padding: 5px 2px;
    border: 0;
    font-size: 11px;
    line-height: 1.15;
    text-align: center;
  }
  .dashboard-nav .dashboard-icon { width: 21px; height: 21px; }
  .dashboard-mobile-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 12px;
  }
  .dashboard-mobile-actions .filter { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
  .dashboard-mobile-actions:has([hidden]) { display: none; }
  .header-account .bag, .header-logout { min-height: 44px; }
  .header-logout { display: grid; place-items: center; width: 44px; padding: 0; color: var(--acid); }
  .top-inner:has(.header-logout:not([hidden])) .brand { min-width: 0; }
  .dashboard-heading { min-height: 180px; }
}
@media (max-width: 460px) {
  .dashboard-stats > div { min-height: 0; padding: 9px; }
  .dashboard-stats .dashboard-icon { display: none; }
  .test-pack > summary.dashboard-pack-summary { padding-right: 0; }
  .pack-open-label { position: static; display: block; margin-top: 8px; }
}