/* Layout: un caiet de școală pe telefon — copertă colorată, pagini cu pătrățele și margine roșie, răspunsuri scrise „de mână” cu pix albastru */
:root{
  --bg:#e9edf3;
  --paper:#fbfcfe;
  --grid:rgba(70,110,190,.13);
  --margin:#e0505a;
  --ink:#1f3fae;
  --fg:#1d2433;
  --muted:#5d6779;
  --line:#cfd6e2;
  --chip:#ffffff;
  --accent:#ff4f7a;
  --accent-fg:#ffffff;
  --ok:#1f8a5b;
  --shadow:0 1px 0 rgba(20,30,60,.06),0 10px 30px -12px rgba(20,30,60,.25);
  --f-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --f-body:"Figtree",ui-sans-serif,system-ui,sans-serif;
  --f-hand:"Caveat","Segoe Print","Bradley Hand",cursive;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#12161f;--paper:#1c2230;--grid:rgba(140,170,255,.09);--margin:#ff6b74;--ink:#a9bcff;--fg:#e8ecf4;--muted:#9aa4b8;--line:#2e3647;--chip:#242b3b;--accent:#ff6b91;--accent-fg:#1a0f14;--ok:#5fd09c;--shadow:0 10px 30px -12px rgba(0,0,0,.6);color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#12161f;--paper:#1c2230;--grid:rgba(140,170,255,.09);--margin:#ff6b74;--ink:#a9bcff;--fg:#e8ecf4;--muted:#9aa4b8;--line:#2e3647;--chip:#242b3b;--accent:#ff6b91;--accent-fg:#1a0f14;--ok:#5fd09c;--shadow:0 10px 30px -12px rgba(0,0,0,.6);color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.5;padding-inline:16px;padding-block:0 48px}
.wrap{max-width:680px;margin:0 auto}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}

header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);padding-block:14px 10px;display:flex;flex-direction:column;gap:10px}
.brand{display:flex;align-items:baseline;gap:10px;justify-content:space-between;flex-wrap:wrap}
.brand h1{font-family:var(--f-display);font-weight:800;font-size:1.6rem;letter-spacing:-.02em;margin:0;text-wrap:balance}
.brand h1 span{font-family:var(--f-hand);font-weight:700;color:var(--accent);font-size:1.9rem;letter-spacing:0}
.proto{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px dashed var(--line);padding:2px 8px;border-radius:99px}
nav.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
nav.tabs::-webkit-scrollbar{display:none}
nav.tabs button{flex:0 0 auto;border:1px solid var(--line);background:var(--chip);padding:7px 14px;border-radius:99px;font-weight:600;font-size:.9rem;cursor:pointer}
nav.tabs button[aria-selected="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}

section.view{display:flex;flex-direction:column;gap:18px;padding-top:8px}
h2{font-family:var(--f-display);font-weight:800;font-size:1.35rem;margin:0;letter-spacing:-.01em;text-wrap:balance}
.lead{color:var(--muted);margin:0;max-width:60ch}

/* Copertă */
.cover{--c:#ff4f7a;position:relative;border-radius:10px 18px 18px 10px;background:var(--c);color:#fff;padding:28px 24px 26px 40px;box-shadow:var(--shadow);overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.cover::before{content:"";position:absolute;inset:0 auto 0 0;width:18px;background:repeating-linear-gradient(180deg,rgba(0,0,0,.28) 0 10px,rgba(255,255,255,.18) 10px 14px)}
.cover::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.14)}
.cover .label{background:#fff;color:#1d2433;border-radius:6px;padding:12px 16px;max-width:300px;position:relative;z-index:1;transform:rotate(-1.5deg);box-shadow:0 4px 0 rgba(0,0,0,.12)}
.cover .label small{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#5d6779}
.cover .label b{font-family:var(--f-hand);font-size:2.1rem;line-height:1.05;font-weight:700;color:#1f3fae}
.cover .stats{display:flex;gap:18px;flex-wrap:wrap;position:relative;z-index:1;font-weight:600}
.cover .stats div{display:flex;flex-direction:column;line-height:1.1}
.cover .stats strong{font-family:var(--f-display);font-size:1.7rem;font-weight:800;font-variant-numeric:tabular-nums}
.cover .stats span{font-size:.78rem;opacity:.9}
.stickers{position:absolute;right:18px;bottom:16px;font-size:1.6rem;z-index:1;display:flex;gap:4px;transform:rotate(8deg)}

.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}
.card h3{margin:0;font-size:1rem;font-weight:700}
.invite{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.invite code{flex:1 1 220px;min-width:0;background:var(--bg);border:1px dashed var(--line);border-radius:8px;padding:10px 12px;font-size:.9rem;overflow-wrap:anywhere;user-select:all}
.btn{border:0;background:var(--accent);color:var(--accent-fg);font-weight:700;padding:10px 16px;border-radius:10px;cursor:pointer}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.hint{font-size:.85rem;color:var(--muted);margin:0}
.toast{color:var(--ok);font-weight:600;font-size:.88rem}

.friends{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.friends li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.friends li:first-child{border-top:0}
.dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex:0 0 auto}
.friends .who{flex:1;min-width:0}
.friends .who b{display:block}
.friends .who span{font-size:.82rem;color:var(--muted)}
.tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:1px 7px}
.link{background:none;border:0;color:var(--accent);font-weight:700;cursor:pointer;padding:4px}

/* Pagina de caiet */
.page{position:relative;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:22px 22px;border-radius:4px 14px 14px 4px;box-shadow:var(--shadow);padding:26px 20px 30px 56px;min-height:420px}
.page::before{content:"";position:absolute;top:0;bottom:0;left:40px;width:2px;background:var(--margin);opacity:.75}
.page .num{position:absolute;right:16px;bottom:10px;font-family:var(--f-hand);font-size:1.2rem;color:var(--muted)}
.page .head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.page .head h3{font-family:var(--f-hand);font-weight:700;font-size:2rem;line-height:1;margin:0;color:var(--ink)}
.page .head .date{font-family:var(--f-hand);font-size:1.15rem;color:var(--muted)}
.qa{display:flex;flex-direction:column;gap:12px;margin:0}
.qa dt{font-size:.86rem;font-weight:600;color:var(--fg)}
.qa dd{margin:0;font-family:var(--f-hand);font-size:1.55rem;line-height:1.1;color:var(--ink);overflow-wrap:anywhere}
.page .sticker{position:absolute;top:-12px;right:18px;font-size:2rem;transform:rotate(12deg)}
.pager{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pager span{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}

/* Întrebări */
.qlist{display:flex;flex-direction:column;gap:6px}
.qrow{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);cursor:pointer}
.qrow input{width:18px;height:18px;accent-color:var(--accent);flex:0 0 auto}
.qrow span{flex:1;min-width:0}
.qrow .x{background:none;border:0;color:var(--muted);cursor:pointer;font-size:1.1rem;padding:0 4px}
.addq{display:flex;gap:8px;flex-wrap:wrap}
.addq input{flex:1 1 220px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.colors{display:flex;gap:10px;flex-wrap:wrap}
.colors button{width:40px;height:40px;border-radius:10px;border:3px solid transparent;cursor:pointer}
.colors button[aria-pressed="true"]{border-color:var(--fg)}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-weight:600;font-size:.9rem}
.field input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}

/* Completare */
.fill .qa dd input{width:100%;border:0;border-bottom:1.5px dashed var(--line);background:transparent;font-family:var(--f-hand);font-size:1.55rem;color:var(--ink);padding:2px 0}
.fill .qa dd input::placeholder{color:var(--muted);opacity:.55}
.fill .qa dd input:focus{outline:none;border-bottom-color:var(--accent)}
.stickpick{display:flex;gap:6px;flex-wrap:wrap}
.stickpick button{font-size:1.5rem;width:46px;height:46px;border-radius:10px;border:2px solid var(--line);background:var(--paper);cursor:pointer}
.stickpick button[aria-pressed="true"]{border-color:var(--accent);background:var(--chip)}
.age{display:flex;gap:10px;align-items:flex-start;font-size:.92rem}
.age input{width:18px;height:18px;margin-top:3px;accent-color:var(--accent)}
.friendbar{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--chip);border:1px solid var(--line);font-size:.92rem}
.done{text-align:center;padding:30px 10px;display:flex;flex-direction:column;gap:10px;align-items:center}
.done b{font-family:var(--f-hand);font-size:2.2rem;color:var(--ink);line-height:1}

@media (prefers-reduced-motion:no-preference){
  .page{animation:turn .35s ease-out}
  @keyframes turn{from{transform:perspective(900px) rotateY(-6deg);opacity:.6}to{transform:none;opacity:1}}
}

/* —— Aplicația reală: ecrane suplimentare —— */
.center{min-height:60vh;display:flex;flex-direction:column;justify-content:center;gap:18px}
.hero h2{font-size:2rem}
.hero .lead{font-size:1.05rem}
.stack{display:flex;flex-direction:column;gap:12px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.err{color:var(--margin);font-weight:600;font-size:.9rem;margin:0}
.ok{color:var(--ok);font-weight:600;font-size:.9rem;margin:0}
.confirm{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--margin);border-radius:12px;background:var(--paper)}
.btn.danger{background:var(--margin);color:#fff}
.small{font-size:.85rem}
.foot{margin-top:28px;text-align:center;font-size:.82rem;color:var(--muted)}
.foot a{color:inherit}
.loading{padding:40px 0;text-align:center;color:var(--muted)}
.page .tools{display:flex;justify-content:flex-end;margin-top:18px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--bg);border-radius:12px;margin-bottom:6px}
.seg button{border:0;background:transparent;padding:9px 10px;border-radius:9px;font-weight:700;cursor:pointer;color:var(--muted)}
.seg button[aria-selected="true"]{background:var(--paper);color:var(--fg);box-shadow:0 1px 3px rgba(20,30,60,.15)}
.steps{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.steps li{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--muted);padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:99px;background:var(--chip)}
.steps li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--line);color:var(--fg);font-size:.75rem;font-variant-numeric:tabular-nums}
.steps li[aria-current="step"]{color:var(--fg);border-color:var(--accent)}
.steps li[aria-current="step"] span{background:var(--accent);color:var(--accent-fg)}
.steps li.gata span{background:var(--ok);color:#fff}

/* —— Versiunea 2: design copertă, emoji, public/privat, Descoperă —— */
.cover,.cover-pat{background-color:var(--c)}
.cover[data-d="buline"],.cover-pat[data-d="buline"]{background-image:radial-gradient(rgba(255,255,255,.3) 3px,transparent 3.6px);background-size:22px 22px}
.cover[data-d="dungi"],.cover-pat[data-d="dungi"]{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 12px,transparent 12px 26px)}
.cover[data-d="carouri"],.cover-pat[data-d="carouri"]{background-image:linear-gradient(rgba(255,255,255,.2) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.2) 2px,transparent 2px);background-size:24px 24px}
.cover[data-d="sclipici"],.cover-pat[data-d="sclipici"]{background-image:radial-gradient(rgba(255,255,255,.75) 1px,transparent 1.6px),radial-gradient(rgba(255,255,255,.45) 1.5px,transparent 2.2px);background-size:17px 19px,37px 31px;background-position:0 0,9px 13px}
.designs{display:flex;gap:8px;flex-wrap:wrap}
.designs button{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px solid var(--line);background:var(--paper);border-radius:12px;padding:6px 6px 8px;cursor:pointer;font-size:.8rem;font-weight:600}
.designs button[aria-pressed="true"]{border-color:var(--fg)}
.designs .sw{display:block;width:56px;height:40px;border-radius:7px}
.btn.big{font-size:1.1rem;padding:14px 22px;align-self:flex-start}
.vis{display:flex;flex-direction:column;gap:10px}
.vis .opt{display:flex;gap:12px;align-items:flex-start;padding:14px;border:2px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer}
.vis .opt:has(input:checked){border-color:var(--accent)}
.vis .opt input{width:20px;height:20px;margin-top:2px;accent-color:var(--accent);flex:0 0 auto}
.vis .opt span{display:flex;flex-direction:column;gap:2px;font-size:.92rem;color:var(--muted)}
.vis .opt b{color:var(--fg);font-size:1rem}
.pill{font-size:.78rem;font-weight:700;border:1px solid var(--line);border-radius:99px;padding:3px 10px;background:var(--chip);white-space:nowrap}
.card.soft{background:var(--bg);border-style:dashed}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.dcard{border:0;padding:0;background:none;cursor:pointer;text-align:left;border-radius:14px}
.dcard .cover,.mini-row .cover{min-height:150px;padding:18px 16px 16px 32px}
.dcard .cover .label b,.mini-row .cover .label b{font-size:1.6rem}
.dcard .cover .stats strong,.mini-row .cover .stats strong{font-size:1.3rem}
.dcard:hover .cover{transform:translateY(-2px)}
.mini-row{max-width:320px}
.qrow.are{opacity:.65;cursor:default}
.qrow .tag{font-style:normal;margin-left:6px}
@media (prefers-reduced-motion:no-preference){.dcard .cover{transition:transform .15s}}
[hidden]{display:none!important}
.designs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.designs button{min-width:0;padding:6px 4px 8px}
.designs .sw{width:100%}

/* —— Versiunea 3: coperta de caiet de școală —— */
:root{--f-print:"Libre Baskerville",Georgia,"Times New Roman",serif;--cover-ink:#1c1d21;--pen:#1f3fae}
.cover{background-color:var(--c);color:var(--cover-ink);border-radius:4px 9px 9px 4px;padding:30px 22px 16px;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),inset 0 -40px 60px -40px rgba(0,0,0,.12),0 14px 26px -14px rgba(20,25,40,.45)}
.cover::before,.cover::after{content:none;display:none}
.cover[data-d="simplu"],.cover-pat[data-d="simplu"]{background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1.2px),radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.2px);background-size:4px 4px,7px 7px;background-position:0 0,2px 3px}
.cover[data-d="buline"],.cover-pat[data-d="buline"]{background-image:radial-gradient(rgba(255,255,255,.4) 3px,transparent 3.6px)}
.cover[data-d="dungi"],.cover-pat[data-d="dungi"]{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.22) 0 12px,transparent 12px 26px)}
.cover[data-d="carouri"],.cover-pat[data-d="carouri"]{background-image:linear-gradient(rgba(255,255,255,.28) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.28) 2px,transparent 2px)}
.cover .label{background:transparent;border:4px double var(--cover-ink);border-radius:1px;box-shadow:none;transform:none;padding:10px 16px 14px;width:min(100%,330px);max-width:none;display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}
.cover .label .ln{display:flex;align-items:flex-end;gap:8px;border-bottom:1.5px solid var(--cover-ink);min-height:36px}
.cover .label .hw{flex:1;min-width:0;font-family:var(--f-hand);font-weight:700;font-size:2rem;line-height:1.05;color:var(--pen);padding:0 0 1px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:rotate(-1.5deg);transform-origin:left bottom}
.cover .label i{font-family:var(--f-print);font-style:italic;font-weight:700;font-size:.8rem;padding-bottom:4px;flex:0 0 auto}
.cover .meta{align-self:flex-start;font-family:var(--f-print);font-style:italic;font-weight:700;font-size:.78rem;letter-spacing:.02em;position:relative;z-index:1;font-variant-numeric:tabular-nums}
.cover .stickers{right:16px;bottom:12px;font-size:1.7rem;transform:rotate(-8deg)}
.dcard .cover,.mini-row .cover{min-height:200px;padding:20px 14px 12px;gap:16px}
.dcard .cover .label .hw,.mini-row .cover .label .hw{font-size:1.55rem}
.dcard .cover .label .ln,.mini-row .cover .label .ln{min-height:29px}
.dcard .cover .stickers,.mini-row .cover .stickers{font-size:1.3rem}
.colors button{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}

/* —— Versiunea 4: Oracol Pro —— */
:root{--gold:#b8860b;--gold-bg:#fff4d6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--gold:#f2c75c;--gold-bg:#3a2f12}}
:root[data-theme="dark"]{--gold:#f2c75c;--gold-bg:#3a2f12}
.cover[data-d="inimioare"],.cover-pat[data-d="inimioare"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath d='M15 23s-7-4.4-7-9.2A3.8 3.8 0 0 1 15 11a3.8 3.8 0 0 1 7 2.8C22 18.6 15 23 15 23z' fill='white' fill-opacity='.42'/%3E%3C/svg%3E");background-size:30px 30px}
.cover[data-d="flori"],.cover-pat[data-d="flori"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cg fill='white' fill-opacity='.42'%3E%3Ccircle cx='17' cy='12.5' r='3.4'/%3E%3Ccircle cx='21.5' cy='17' r='3.4'/%3E%3Ccircle cx='17' cy='21.5' r='3.4'/%3E%3Ccircle cx='12.5' cy='17' r='3.4'/%3E%3C/g%3E%3Ccircle cx='17' cy='17' r='2.2' fill='white' fill-opacity='.75'/%3E%3C/svg%3E");background-size:34px 34px}
.cover[data-d="stele"],.cover-pat[data-d="stele"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpolygon points='16,6 18.4,12.2 25,12.4 19.8,16.4 21.6,23 16,19.2 10.4,23 12.2,16.4 7,12.4 13.6,12.2' fill='white' fill-opacity='.45'/%3E%3C/svg%3E");background-size:32px 32px}
.designs{grid-template-columns:repeat(4,minmax(0,1fr))}
button.locked{position:relative;opacity:.72}
button.locked::after{content:"🔒";position:absolute;top:-7px;right:-6px;font-size:.72rem;line-height:1;background:var(--paper);border-radius:99px;padding:2px}
.pill.pro{background:var(--gold-bg);color:var(--gold);border-color:var(--gold)}
.procard h2{font-size:1.6rem}
.benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.benefits li{display:flex;gap:12px;align-items:flex-start}
.benefits .ic{font-size:1.4rem;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--bg);flex:0 0 auto}
.benefits li span:last-child{display:flex;flex-direction:column;color:var(--muted);font-size:.92rem}
.benefits b{color:var(--fg);font-size:1rem}
.printarea{display:flex;flex-direction:column;gap:18px}
@media print{
  @page{size:A5;margin:10mm}
  html,body{background:#fff!important}
  header.top,.foot,.noprint,nav.tabs{display:none!important}
  body{padding:0}
  .cover,.page{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important;animation:none!important}
  .printarea .cover{min-height:180mm;break-after:page}
  .printarea .page{break-inside:avoid;break-after:page;min-height:auto}
}
.cover .cfoot{align-self:stretch;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;position:relative;z-index:1}
.cover .cfoot .meta{min-width:0;align-self:flex-end}
.cover .cfoot .stickers{position:static;transform:rotate(-6deg);white-space:nowrap;flex:0 0 auto;letter-spacing:-.1em}

/* —— Versiunea 5: coperta ca un caiet A5 adevărat, în picioare —— */
.cover{container-type:inline-size;display:block;position:relative;width:100%;max-width:330px;margin-inline:auto;aspect-ratio:148/210;min-height:0;padding:0;gap:0;border-radius:2px 5px 5px 2px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),inset -6px 0 14px -10px rgba(0,0,0,.25),0 1px 0 rgba(0,0,0,.08),0 16px 28px -16px rgba(20,25,40,.5)}
.cover .label{position:absolute;left:13%;right:13%;top:16%;width:auto;max-width:none;padding:3cqw 5cqw 4.5cqw;gap:.6cqw;border:1.7cqw double var(--cover-ink);background:transparent;transform:none;box-shadow:none}
.cover .label .ln{min-height:10.5cqw;border-bottom:.45cqw solid var(--cover-ink);gap:2cqw}
.cover .label .hw{font-size:8.6cqw;padding:0 0 .3cqw 2cqw}
.cover .label i{font-size:3.5cqw;padding-bottom:.8cqw}
.cover .arc{position:absolute;left:6%;bottom:5%;width:40%;height:auto;overflow:visible}
.cover .arc text{font-family:var(--f-print);font-style:italic;font-weight:700;font-size:7.4px;fill:var(--cover-ink);letter-spacing:.2px}
.cover .stickers{position:absolute;right:7%;bottom:6%;font-size:8.5cqw;transform:rotate(-8deg);white-space:nowrap;letter-spacing:-.1em}
.cover .cfoot,.cover .meta{display:none}
.card .cover,.hero .cover{max-width:250px}
.dgrid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px}
.dcard .cover,.mini-row .cover{min-height:0;padding:0;max-width:none}
.dcard .cover .label .hw,.mini-row .cover .label .hw{font-size:8.6cqw}
.dcard .cover .label .ln,.mini-row .cover .label .ln{min-height:10.5cqw}
.dcard .cover .stickers,.mini-row .cover .stickers{font-size:8.5cqw}
.mini-row{max-width:200px}
@media print{.printarea .cover{min-height:0;max-width:120mm;break-after:page}}
.cover-stats{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:10px 0 0;font-size:.9rem;color:var(--muted);font-variant-numeric:tabular-nums}
.cover-stats b{color:var(--fg)}
.dcard .cover-stats{font-size:.8rem;margin-top:8px}