/* German Flashcard 1000+ Patterns · sticker redesign (Nov 2026). Loaded last. */
:root{--a1:#7FD8A6;--a2:#FFC857;--b1:#FF8FAB;--b2:#8FB8FF;--c1:#C3A3F5;--navyt:#1E2235}
/* sticker tab bar */
nav#tabs img.st{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));transition:transform .15s}
nav#tabs img.sface{width:32px;height:32px;border-radius:50%;border:2.5px solid #fff;object-fit:cover;background:#F9C6D3}
nav#tabs button:not(.on) img.st{opacity:.85}
nav#tabs button.on img.st{transform:translateY(-2px) scale(1.08) rotate(-4deg)}
nav#tabs button:active img.st{transform:scale(.9)}
#settingsBtn img.sti{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
#settingsBtn{background:transparent!important;box-shadow:none!important}
/* home */
.brand{font:600 14px var(--sans)!important;color:var(--mut)!important}.brand b{color:var(--ink);font-weight:800}
img.hav{float:right;width:78px;height:78px;border-radius:50%;margin:0 0 6px 10px;box-shadow:0 0 0 3px #fff,0 6px 18px rgba(0,0,0,.4);transform:rotate(-4deg);background:#F9C6D3;object-fit:cover}
body.home .disp em{color:#FF8FAB}
.lvchips button[data-lf="A1"]{--lc:var(--a1)}.lvchips button[data-lf="A2"]{--lc:var(--a2)}.lvchips button[data-lf="B1"]{--lc:var(--b1)}.lvchips button[data-lf="B2"]{--lc:var(--b2)}.lvchips button[data-lf="C1"]{--lc:var(--c1)}
.lvchips button[data-lf]:not([data-lf=""]){background:var(--lc)!important;color:var(--navyt)!important;border:2px solid #fff!important;font-weight:800;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.lvchips button[data-lf]:not([data-lf=""]):not(.on){opacity:.82}
.lvchips button.on[data-lf]:not([data-lf=""]){opacity:1;transform:translateY(-2px);box-shadow:0 4px 0 rgba(0,0,0,.3)}
.li.lvcard{background:color-mix(in srgb,var(--g) 15%,var(--card))!important;border:1px solid color-mix(in srgb,var(--g) 40%,transparent)!important}
.li.lvcard .lvbig{background:var(--g)!important;color:var(--navyt)!important;border:3px solid #fff;box-shadow:0 3px 0 rgba(0,0,0,.25),0 6px 14px rgba(0,0,0,.3)!important;transform:rotate(-4deg);font-weight:800;filter:none!important;border-radius:50%!important}
.lvgrid .li.lvcard:nth-child(even) .lvbig{transform:rotate(4deg)}
.lvt{border:1.5px solid #fff;color:var(--navyt)!important;font-weight:800}
.lvt.lvA1{background:var(--a1)!important}.lvt.lvA2{background:var(--a2)!important}.lvt.lvB1{background:var(--b1)!important}.lvt.lvB2{background:var(--b2)!important}.lvt.lvC1{background:var(--c1)!important}
html.dark .lvt{filter:none!important}
.li.allp{border:1.5px dashed color-mix(in srgb,var(--mut) 50%,transparent)}
/* avatars */
.avatar.mav{background:none!important;padding:0;overflow:hidden;filter:none!important;box-shadow:0 0 0 2.5px #fff}
.avatar.mav img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.accav{display:flex;justify-content:center;margin:4px 0 14px}.accav img{width:96px;height:96px;border-radius:50%;background:#BFD6FF;box-shadow:0 0 0 3px #fff,0 8px 24px rgba(0,0,0,.45);object-fit:cover}
.acc .disp em{color:#FF8FAB}
.acchow{text-align:center;font-size:12.5px;margin:0 0 16px;color:#9B7FE0;font-weight:600}html.dark .acchow{color:#C3A3F5}
/* GDPR */
.gdpr{display:flex;gap:10px;align-items:center;font-size:13.5px;color:var(--ink);margin:14px 2px 2px;cursor:pointer;line-height:1.35}
.gdpr input{position:absolute;opacity:0;width:1px;height:1px}
.gdpr .bx{width:22px;height:22px;border-radius:7px;border:2px solid #FF8FAB;flex:none;display:grid;place-items:center;transition:background .15s}
.gdpr input:checked+.bx{background:#FF8FAB}.gdpr input:checked+.bx::after{content:"✓";color:#1E2235;font-weight:900;font-size:13px}
.gdpr input:focus-visible+.bx{outline:2px solid var(--ink);outline-offset:2px}
.gdprn{margin:0 0 12px 34px!important;font-size:11.5px!important}
/* study: smaller pen rings + faint dismissible swipe hint */
.rate.big .in{gap:10px!important;padding:4px 18px!important;max-width:380px!important}
.rate.big button{min-height:60px!important;transform:scale(.86)}
.rate.big button b{font-size:16px!important}
.rate.big button small{font-size:11px!important}
.rate.big button i.swa{display:none!important}
.swh{position:relative;opacity:.38;transition:opacity .2s;margin-top:6px}
.swh:hover{opacity:.6}
.swh .swipehint.g3 b{font-size:11.5px}
.swh .swtip{font-size:11px}
.swx{position:absolute;right:-4px;top:-8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);font:700 15px/1 var(--sans);cursor:pointer;z-index:2;opacity:1}
body.revealed .swh{display:none}
/* audio */
.earb{margin:6px 0 12px;padding:16px 18px;border-radius:20px;background:linear-gradient(120deg,rgba(143,184,255,.22),rgba(195,163,245,.22));border:1.5px solid rgba(195,163,245,.45);color:var(--ink)}
.earb .eh{display:flex;gap:12px;align-items:center}.earb .et{font-size:21px;font-weight:800;line-height:1.15}.earb .et span{color:#9B7FE0}html.dark .earb .et span{color:#C3A3F5}
.earb p{font-size:14px;opacity:.85;margin:8px 0 0;line-height:1.45}
.podhow{margin:0 2px 4px}
.podlv{gap:14px!important}
.podl{position:relative;background:var(--lc)!important;color:#1E2235!important;border:3px solid #fff!important;border-radius:22px!important;padding:16px 16px 18px!important;min-height:120px;box-shadow:0 4px 0 rgba(0,0,0,.3),0 8px 18px rgba(0,0,0,.25)!important;transform:rotate(var(--rot));transition:transform .15s}
.podl:active{transform:scale(.96)}
.podl b{font-size:28px!important;font-weight:800}.podl span,.podl small{color:#1E2235!important;opacity:.85;font-size:12.5px;font-weight:600;padding-right:44px}
.podl .pplay{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border-radius:50%;background:#1E2235;border:2.5px solid #fff;display:grid;place-items:center;box-shadow:0 3px 0 rgba(0,0,0,.3)}
.podl .pplay svg{fill:var(--lc)}
.podl[disabled]{opacity:.55}
/* plans page (full page) */
body.paypage nav#tabs{display:none}
body.paypage #settingsBtn{visibility:hidden}
.pw{color:var(--ink);padding-bottom:30px}
.pwhy{text-align:center;font-size:13px;font-weight:700;color:#FF8FAB;margin:0 0 4px}
.pcoin{text-align:center;margin-top:-6px}.pcoin img{width:190px;height:auto;margin:0 0 -6px}
.pwh{text-align:center;font:800 24px/1.2 var(--sans);letter-spacing:-.3px;margin:4px 0}.pwh span{color:#E0A100}html.dark .pwh span{color:#FFC857}
.pws{text-align:center;font-size:13.5px;opacity:.8;margin:4px 0 12px}
.pwsign{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#F3EDE2;color:#1F2433;border:0;border-radius:14px;padding:12px;font:700 15px var(--sans);cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.2)}
html:not(.dark) .pwsign{background:#1E2235;color:#F3EDE2}
.pwme{text-align:center;font-size:13.5px;margin:0 0 8px;opacity:.85}
.pwtr{text-align:center;margin:9px 0 8px}.pwtr span{font-size:12.5px;font-weight:700;color:#2E9E62;background:rgba(127,216,166,.18);padding:4px 11px;border-radius:10px}html.dark .pwtr span{color:#7FD8A6}
.pwgift{text-align:center;font-size:13px;font-weight:700;color:#FF8FAB}
.pkh{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;margin:12px 2px 8px}.pkh span{opacity:.75;letter-spacing:.06em}.pkh em{font-style:normal;color:#1E2235;background:#FFC857;border-radius:8px;padding:2px 8px}
.pks{display:flex;gap:6px;margin-bottom:16px}
.pk{position:relative;flex:1;background:var(--lc);color:#1E2235;border:2.5px solid #fff;border-radius:14px;padding:8px 0 6px;text-align:center;box-shadow:0 3px 0 rgba(0,0,0,.28);transform:rotate(var(--rot));cursor:pointer;font-family:var(--sans);display:flex;flex-direction:column;align-items:center;transition:transform .12s}
.pk:active{transform:scale(.94)}
.pk b{font-weight:800;font-size:16px}.pk strong{font-weight:800;font-size:13px}.pk s{font-size:10.5px;opacity:.6}
.pk em{position:absolute;top:-9px;right:-6px;font-style:normal;background:#1E2235;color:#7FD8A6;border:2px solid #fff;border-radius:50%;width:22px;height:22px;font-size:12px;display:grid;place-items:center}
.pall{position:relative;width:100%;text-align:left;border-radius:18px;padding:14px 16px 12px;background:#FF8A8A;color:#1E2235;border:3px solid #fff;box-shadow:0 4px 0 rgba(0,0,0,.3);cursor:pointer;font-family:var(--sans);margin-top:6px}
.pall .pbadge{position:absolute;top:-13px;right:14px;background:#1E2235;color:#FFC857;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:9px;border:2px solid #fff}
.pall .r1{display:flex;align-items:baseline;gap:8px}.pall .r1 b{font-size:18px}.pall .r1 strong{margin-left:auto;font-size:21px;font-weight:800}
.pall .r2{display:flex;gap:6px;font-size:12.5px;font-weight:600;align-items:center;margin-top:2px}.pall .r2 s{opacity:.7}.pall .r2 em{margin-left:auto;font-style:normal;font-weight:800;background:#1E2235;color:#FFC857;border-radius:8px;padding:2px 8px}
.pget{width:100%;margin-top:14px;background:#FF8A8A;color:#1E2235;border:2.5px solid #fff;box-shadow:0 4px 0 rgba(0,0,0,.3);text-align:center;border-radius:16px;padding:14px;font:800 16px var(--sans);cursor:pointer}
.pget:active,.pall:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.3)}
.pfine{text-align:center;font-size:11.5px;opacity:.65;margin:12px 4px 0}
.plinks{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px;font-size:12.5px;font-weight:600}
.plinks a{text-decoration:underline}.plinks a#pgift{color:#E05A80}.plinks a#pref{color:#4A78D6}
html.dark .plinks a#pgift{color:#FF8FAB}html.dark .plinks a#pref{color:#8FB8FF}
/* grammar tables */
.gtcard{background:var(--card);border-radius:22px;padding:16px 14px 18px;border:1.5px solid color-mix(in srgb,var(--g) 45%,transparent)}
.gtcard .gtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.gtcard .gno{font-size:12px;color:var(--mut);font-weight:700}
.gtcard .gtt{font:800 22px/1.2 var(--sans);margin:4px 0 12px}
.gform{background:color-mix(in srgb,var(--g) 22%,transparent);border:2px solid var(--g);border-radius:14px;padding:10px 12px;margin-bottom:12px}
.gform small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:2px}
.gform b{font:800 16px/1.35 var(--sans);color:var(--ink)}
.gtcard .gbul{margin:0 0 12px;padding-left:18px}.gtcard .gbul li{font-size:14px;line-height:1.4;margin:3px 0}
.gtab{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}
.gtab th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding:6px 6px;border-bottom:2px solid var(--line)}
.gtab td{vertical-align:top;padding:8px 6px;border-bottom:1px solid var(--line);line-height:1.35}
.gtab tr:nth-child(even) td{background:color-mix(in srgb,var(--g) 7%,transparent)}
.gtab td.gde{font-weight:700;color:var(--ink);display:flex;gap:6px;align-items:flex-start}.gtab td.gde .speak.mini{flex:none;transform:scale(.8);margin:-4px 0 0 -6px}
.gtab td.gen{color:var(--mut)}
.gtab col.c1{width:56%}
.gramrow .gic{background:var(--g)!important;color:#1E2235!important}
/* audio banner with dozing monkey */
.earb{position:relative;overflow:hidden;padding-right:118px;min-height:118px;background:linear-gradient(120deg,#2B2F52,#4A3B6E);border-color:rgba(195,163,245,.5);color:#F4EEFF}
.earb .et{font-size:22px;font-weight:800;line-height:1.15}.earb .et span{color:#F9C6D3!important}
.earb p{color:#E6DCF7;opacity:.92}
.earb .esleep{position:absolute;right:6px;bottom:0;width:104px;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}
/* active bottom tab glow */
nav#tabs button{position:relative;transition:color .2s}
nav#tabs button.t1{--tc:#FFB86B}nav#tabs button.t2{--tc:#7FD6A8}nav#tabs button.t3{--tc:#FF8FA3}nav#tabs button.t4{--tc:#9FB8FF}nav#tabs button.t5{--tc:#F9C6D3}
nav#tabs button.on::before{content:"";position:absolute;left:50%;top:2px;width:46px;height:46px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,var(--tc) 0%,transparent 70%);opacity:.55;z-index:-1;animation:tglow 2.4s ease-in-out infinite}
nav#tabs button.on img.st{transform:translateY(-3px) scale(1.18) rotate(-4deg);filter:drop-shadow(0 0 8px var(--tc)) drop-shadow(0 2px 3px rgba(0,0,0,.3));opacity:1}
nav#tabs button.on span{color:var(--tc)!important;font-weight:800;text-shadow:0 0 8px color-mix(in srgb,var(--tc) 60%,transparent)}
html:not(.dark) nav#tabs button.on span{filter:brightness(.8);text-shadow:none}
@keyframes tglow{0%,100%{opacity:.45;transform:translateX(-50%) scale(.95)}50%{opacity:.75;transform:translateX(-50%) scale(1.08)}}
/* spaced repetition link + sheet */
a.srl{color:var(--acc,#9B7FE0);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:600}html.dark a.srl{color:#C3A3F5}
.srbg{position:fixed;inset:0;background:rgba(10,10,20,.55);z-index:60;display:flex;align-items:flex-end;justify-content:center}
.srs{position:relative;width:100%;max-width:480px;background:#FFFBF4;color:#1E2235;border-radius:24px 24px 0 0;padding:22px 22px calc(26px + env(safe-area-inset-bottom));animation:srup .22s ease-out}
html.dark .srs{background:#23263D;color:#F1EBDF}
.srs h3{margin:0 0 4px;font-size:22px}.srs .sub{opacity:.75;margin:0 0 12px;font-size:14px}
.srs ul{margin:0;padding-left:20px;line-height:1.5;font-size:15px}.srs li{margin:5px 0}
.srs .x{position:absolute;right:14px;top:12px;border:0;background:rgba(127,127,127,.18);color:inherit;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}
.srgaps{display:flex;align-items:flex-end;gap:6px;margin:14px 0 6px}.srgaps div{flex:1;text-align:center;font-size:11px;font-weight:700;opacity:.9}.srgaps i{display:block;border-radius:8px 8px 3px 3px;background:linear-gradient(#C3A3F5,#9B7FE0);margin-bottom:4px}
@keyframes srup{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
/* level chips: never clipped, selected one shines */
.lvchips{padding:10px 8px 12px!important;margin:-10px -8px 8px!important;overflow-y:visible;scroll-padding:8px}
.lvchips button{flex:none;transition:transform .15s,box-shadow .2s}
.lvchips button.on[data-lf]:not([data-lf=""]){transform:translateY(-1px) scale(1.07)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--lc) 45%,transparent),0 0 16px 2px var(--lc)!important}
.lvchips button.on[data-lf=""]{box-shadow:0 0 0 2px rgba(195,163,245,.5),0 0 12px rgba(195,163,245,.6)}
.li.lvcard,.lvgrid{overflow:visible!important}.li.lvcard .lvbig{margin:4px}
.li.lvcard.lvlock{opacity:.8}.lkst{margin-left:auto;font-size:18px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
/* verb quiz grid */
.vqgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vqb{position:relative;text-align:left;border:1px solid color-mix(in srgb,var(--g) 45%,transparent);background:color-mix(in srgb,var(--g) 18%,var(--card));color:var(--ink);border-radius:18px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;font-family:var(--sans)}
.vqb b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--g);color:var(--navyt,#1E2235);border:2.5px solid #fff;font-weight:800;transform:rotate(-4deg);margin-bottom:4px}
.vqb span{font-weight:700;font-size:15px}.vqb small{font-size:11.5px;opacity:.75}
.vqb:last-child{grid-column:1/-1}
/* trial pill */
.trialpill{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:6px 12px;border-radius:99px;background:linear-gradient(90deg,#F9C6D3,#C3A3F5);color:#1E2235;font:700 13px var(--sans);border:2px solid #fff;box-shadow:0 2px 0 rgba(0,0,0,.2);cursor:pointer}
.row.lvsubs{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 14px}
.btn.lvsub{width:100%;margin:0!important;border:0!important;color:#1F2A44!important;font-weight:800;box-shadow:0 3px 0 rgba(0,0,0,.25)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}
.btn.lvs-wbr,.btn.lvs-vbr{background:#9FE3D0!important}.btn.lvs-wart{background:#FFB38A!important}.btn.lvs-vqz{background:#F7A8D8!important}
.lvlock+.lvsubs .btn.lvsub{opacity:.7}
.list .li .side .pos{display:none}
.li.lvcard:not(.lvlock):active{box-shadow:0 0 0 3px var(--g),0 0 18px var(--g)!important}
#srset select{min-width:140px;width:auto}
.wseg{margin:4px 0 14px}.wseg button{font-weight:800}
.vtchips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 6px}.vtchips button{flex:none;border:1px solid rgba(255,255,255,.15);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 12px;font:700 13px var(--sans);cursor:pointer}.vtchips button.on{background:#C3A3F5;color:#1F2A44;box-shadow:0 0 12px #C3A3F5}.vtchips small{opacity:.7}
.card.trade{background:linear-gradient(135deg,color-mix(in srgb,#FF8FAB 22%,var(--card)),color-mix(in srgb,#8FB8FF 22%,var(--card)))!important}.tq{font-weight:800;margin:0 0 10px}.tchips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tchips button{border:0;border-radius:14px;padding:12px 0;font:800 16px var(--sans);background:rgba(255,255,255,.1);color:var(--ink);cursor:pointer}.tchips button.on{background:#FFC857;color:#1F2A44;box-shadow:0 0 14px #FFC857}#tcus{margin-top:10px;width:100%;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:var(--card);color:var(--ink);font-size:16px}.tl{margin:10px 2px 0}
.hintc{display:flex;gap:10px;align-items:center;margin:10px 0;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,#7FD8A6 18%,var(--card));font-size:14px}.hintc span{flex:1}.hintc a{color:#7FD8A6;font-weight:800}.hintc button{border:0;background:none;color:var(--ink);font-size:20px;cursor:pointer}
.npw{display:flex;gap:6px;align-items:center}#srset select{min-width:96px}
.btn.lvs-pgo{background:#FFD98A!important}.btn.lvs-pbr{background:#9FE3D0!important}
/* de29: goal link, mini audio, compact pay, pattern dropdown, responsive */
.goallink{text-align:center;margin:8px 0 14px;font-size:14px}.goallink a{color:#FF8FAB;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.gform{text-align:left;margin:10px 0 14px}.gform .set{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;font-size:14px}.gform .chk{display:flex;gap:8px;align-items:center;margin:10px 0;font-size:13.5px;text-align:left}
.aminicard{background:var(--card);border-radius:18px;padding:12px 14px;margin:0 0 12px;border:1px solid color-mix(in srgb,#C3A3F5 40%,transparent);position:sticky;top:0;z-index:5}
.aminicard .ameta{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.aminicard .ameta b{font-size:15px}.aminicard .ameta small{opacity:.7;font-size:12px}
.actl{display:flex;gap:8px;margin-bottom:8px}.ambtn{flex:0 0 48px;height:40px;border-radius:12px;border:0;background:#C3A3F5;color:#1E2235;font-weight:800;cursor:pointer}.ambtn.ghost{background:color-mix(in srgb,#C3A3F5 25%,var(--card))}
.aminicard input[type=range]{width:100%}.atm{display:flex;justify-content:space-between;font-size:11px;opacity:.7;margin-top:2px}
.alist{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.ali{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--lc) 18%,var(--card));color:var(--ink);cursor:pointer;font-family:inherit}
.ali .albig{width:44px;height:44px;border-radius:50%;background:var(--lc);color:#1E2235;display:grid;place-items:center;font-weight:800;border:2px solid #fff;box-shadow:0 2px 0 rgba(0,0,0,.25);flex:none}
.ali .alt{flex:1;display:flex;flex-direction:column;gap:2px}.ali .alt b{font-size:15px}.ali .alt small,.ali .alt em{font-size:12px;opacity:.75;font-style:normal}
.pddwrap{display:flex;flex-direction:column;gap:4px;grid-column:1/-1;margin-top:4px}.pddwrap label{font-size:11px;margin-left:2px}.pdd{width:100%;appearance:auto;text-align:left;padding:12px 14px!important;background:#8FB8FF!important;color:#1E2235!important;font-weight:700;border-radius:14px;border:2px solid #fff!important;box-shadow:0 3px 0 rgba(0,0,0,.25)}
.pw.compact{padding-bottom:12px}.pw.compact .pcoin img{width:96px!important;height:auto}.pw.compact .pwh{font-size:22px;margin:2px 0}.pw.compact .pws{font-size:12.5px;margin:2px 0 8px}.pw.compact .pkh{margin:6px 2px 6px}.pw.compact .pks{margin-bottom:10px}.pw.compact .pget{margin-top:8px;padding:12px}.pw.compact .pfine{margin:8px 4px 0;font-size:11px;line-height:1.35}.pw.compact .plinks{margin-top:8px;gap:10px}.coup{text-align:center;margin:8px 0 0;font-size:13px}.coup a{color:#8FB8FF;font-weight:700}.coup #coupbox{gap:6px;align-items:center;margin-left:6px}.coup input{width:110px;border-radius:10px;border:0;padding:8px 10px;background:var(--card);color:var(--ink);font-weight:700}
@media (min-width:900px){
  main{max-width:720px!important}
  .pw.compact{max-width:560px;margin:0 auto}
  .lvgrid{max-width:640px}
}
@media (max-width:400px){
  .pw.compact .pcoin img{width:72px!important}
  .pw.compact .pwh{font-size:19px}
  .pk{padding:6px 0 4px!important}.pk b{font-size:14px!important}.pk strong{font-size:12px!important}
  .pall .r1 b{font-size:15px}.pall .r1 strong{font-size:18px}
  .pget{font-size:15px!important;padding:11px!important}
}
body.paypage main{padding-bottom:24px!important}

/* pattern sub-menu under level cards */
ul.psub{list-style:disc;margin:2px 0 16px 28px;padding:0 8px 0 14px;border-left:2px solid color-mix(in srgb,var(--line,#ffffff22) 80%,transparent)}
ul.psub li{margin:5px 0;padding:0;line-height:1.35}
ul.psub a.plink{color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-weight:650;font-size:14px;display:inline}
ul.psub a.plink small{display:block;font-weight:500;font-size:11.5px;text-decoration:none;opacity:.65;margin-top:1px}
ul.psub li.lvlock a.plink{opacity:.72}
/* audio mini player matches earb / audio section */
.aminicard.earb{position:relative;overflow:hidden;padding:14px 16px;min-height:auto;padding-right:16px!important;background:linear-gradient(120deg,#2B2F52,#4A3B6E);border:1.5px solid rgba(195,163,245,.5);border-radius:20px;color:#F4EEFF;margin:0 0 12px}
.aminicard.earb .aminirow{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.aminicard.earb .amav{flex:none;width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 3px 0 rgba(0,0,0,.28),0 6px 14px rgba(0,0,0,.35);background:#1E2235}
.aminicard.earb .amav img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;transform:scale(1.15)}
.aminicard.earb .ameta{flex:1;min-width:0}.aminicard.earb .ameta b{color:#F4EEFF;font-size:15px}.aminicard.earb .ameta small{color:#E6DCF7;opacity:.9}
.aminicard.earb .actl{margin:8px 0 0}.aminicard.earb .ambtn{background:#C3A3F5;color:#1E2235}.aminicard.earb .ambtn.ghost{background:rgba(195,163,245,.28);color:#F4EEFF}
.aminicard.earb input[type=range]{accent-color:#C3A3F5}.aminicard.earb .atm{color:#E6DCF7}

/* level + mini audio: monk artwork in orb slot */
.podc .orb.sm.amonk{padding:0;overflow:hidden;border:3px solid #fff;box-shadow:0 3px 0 rgba(0,0,0,.25),0 6px 14px rgba(0,0,0,.3);background:#1E2235;filter:none!important}
.podc .orb.sm.amonk img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;transform:scale(1.12)}
.podc.amini{position:sticky;top:calc(env(safe-area-inset-top) + 56px);z-index:5;margin-bottom:12px}

/* daily goal sheet — simple left-aligned grid */
.gsheet{text-align:left;padding:4px 2px 8px}.gsheet h3{margin:0 0 14px;font:800 20px/1.2 var(--sans);text-align:left}
.gsec{margin:0 0 14px}.glab{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin:0 0 8px}
.gchips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gchips button{border:0;border-radius:12px;padding:10px 0;background:var(--card);color:var(--ink);font:700 13px var(--sans);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line,#ffffff22)}
.gchips button.on{background:#C3A3F5;color:#1E2235;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.gcus{width:100%;margin-top:8px;border:0;border-radius:12px;padding:10px 12px;background:var(--card);color:var(--ink);font:600 14px var(--sans);box-sizing:border-box}
.grew{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.grew select{width:100%;border:0;border-radius:12px;padding:10px 12px;background:var(--card);color:var(--ink);font:600 13px var(--sans)}
.gsw{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--line,#fff) 35%,transparent);font-size:15px;font-weight:600}
.gsw:last-of-type{border-bottom:0}.gsw input{width:20px;height:20px;accent-color:#C3A3F5}
.gsheet #gsave{margin-top:8px}
.sheet .sin:has(.gsheet){text-align:left}
/* toggle-style switches for goal sheet */
.gsw input[type=checkbox]{appearance:none;-webkit-appearance:none;width:44px!important;height:26px!important;border-radius:999px;background:#3A3F55;position:relative;cursor:pointer;transition:.2s;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.gsw input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#F1EBDF;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.35)}
.gsw input[type=checkbox]:checked{background:#C3A3F5}
.gsw input[type=checkbox]:checked::after{left:21px;background:#1E2235}
.rate.big .revtip{text-align:center;font-size:11.5px;line-height:1.35;opacity:.8;margin:0 16px 8px;color:var(--ink)}
.gdpr.req .bx{border-color:#FF8FAB}
label.gdpr.req{margin-top:10px}
.termserr{color:var(--tech,#FF8A8A);font-size:13px;margin:6px 0 0;display:none}
/* ---- Nov 9: Monk avatar picker, pinned pastel audio player, level locks, bonus links ---- */
.avpick{display:flex;gap:10px;justify-content:center}.avpick button{flex:1;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border-radius:16px;border:2px solid transparent;background:var(--card2,rgba(127,127,127,.08));color:var(--ink);font:600 13px var(--sans);cursor:pointer}
.avpick button img{width:56px;height:56px;border-radius:50%;display:block}.avpick button.on{border-color:var(--tech,#FF8FAB)}
#pacc{margin-bottom:18px}.card.avc{margin-top:0}.card.appc{margin-top:22px}
.podc.podpink{background:#F8C8D6;color:#1E2235;border:0}.podc.podpink .nowc,.podc.podpink .tm,.podc.podpink .now{color:#1E2235}
.podc.podpink .rb,.podc.podpink .pp{color:#1E2235}.podc.podpink input[type=range]{accent-color:#1E2235}
html.dark .podc.podpink{background:#F8C8D6;color:#1E2235}html.dark .podc.podpink input[type=range]{accent-color:#1E2235}
.podc .pav{width:60px;height:60px;margin:0 auto 6px;border-radius:50%;background:#BED6F5;padding:4px;box-sizing:border-box;box-shadow:0 2px 8px rgba(30,34,53,.18)}
.podc .pav img{width:100%;height:100%;border-radius:50%;object-fit:contain;display:block;background:#BED6F5}
.podc.podfix{position:fixed!important;top:calc(env(safe-area-inset-top) + 52px);left:50%;transform:translateX(-50%);width:min(676px,calc(100% - 36px));z-index:6;margin:0;box-sizing:border-box;box-shadow:0 8px 22px rgba(30,34,53,.22)}
.podsp{flex:none}#pod .ch{scroll-margin-top:300px}
.ali .lktx{display:block;font-size:11px;opacity:.75;margin-left:4px}
.lvchips .lkchip{opacity:.55}.lknote{margin:8px 2px 0;font-size:12px;opacity:.8}.gchips .lkchip{opacity:.5}
.plocked .speak{opacity:.35}.plockn{margin:10px 0;padding:10px 12px;border-radius:14px;background:var(--card2,rgba(127,127,127,.1));font-size:13px}
.socl .socrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.socb{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:14px;text-decoration:none;color:#1E2235;background:#F8C8D6;min-width:0}
.socb i{font-style:normal;font-size:18px}.socb b{font-size:14px}.socb small{font-size:11px;opacity:.8}.socb em{font-style:normal;font-weight:700;font-size:11.5px}
.socb.soc-youtube{background:#FFD3CF}.socb.soc-instagram{background:#F8C8D6}.socb.soc-tiktok{background:#BED6F5}.socb.soon{opacity:.5;cursor:default}
@media (max-width:380px){.socl .socrow{grid-template-columns:1fr}}

/* QA fixes: readable play button on the pink player (both themes), Flashcards sub-button contrast, locked text stays readable */
.podc.podpink .ctl .pp,html.dark .podc.podpink .ctl .pp{background:#1E2235!important;color:#FFFFFF!important}
.podc.podpink .ctl .pp svg path{fill:#FFFFFF}.podc.podpink .ctl .rb,html.dark .podc.podpink .ctl .rb{color:#1E2235!important}
.podc.podpink .ctl .pp:disabled,.podc.podpink .ctl .rb:disabled{opacity:.55}
.btn.lvs-vfc,html.dark .btn.lvs-vfc{background:#F7A8D8!important;color:#1F2A44!important}
.lvlock+.lvsubs .btn.lvsub,.btn.lvsub.lvlock{opacity:1!important;filter:saturate(.55)}
html.dark .btn.lvsub{color:#1F2A44!important}
.li.lvlock .chev,.li.locked .chev{display:none}
/* guests: player controls disabled until a track is open (all tracks locked) — keep the white icon */
.podc.podpink .ctl .pp:disabled{opacity:.55;color:#FFFFFF!important}

/* Words > Verbs: one big centered Flashcards button per level (verb types removed) */
.row.lvsubs.lvsub1{grid-template-columns:1fr}

/* Phrases page: collapsible level sections (accordion) */
.lvsec{margin:0 0 10px}.lvsec>.lvhead{cursor:pointer;margin:0}.lvsec>.lvhead:focus-visible{outline:3px solid #F7A8D8;outline-offset:2px}
.lvsec>.lvhead .chev{transition:transform .2s ease;display:inline-block}.lvsec.open>.lvhead .chev{transform:rotate(90deg)}
.lvsec>.lvbody{padding:10px 2px 4px}.lvsec>.lvbody .lvfc{background:#F7A8D8!important;color:#1F2A44!important;margin:2px 0 8px}
.lvsec>.lvhead.lvlock .chev{display:inline-block!important}
/* ---- free tier + guest funnel (hook.js) ---- */
.freetag{display:inline-block;background:#D9F2E3;color:#1F5A3A;border-radius:999px;padding:1px 8px;font:700 11px/1.6 var(--sans,sans-serif);letter-spacing:.02em;vertical-align:1px}
.freenote{background:#FDF0F7;border:1px solid #F7A8D8;color:#1F2A44;border-radius:14px;padding:10px 14px;margin:8px 0 12px;font-size:14px}
html.dark .freenote{background:#2A2340;color:#F5E9F2;border-color:#9C5C86}
.card.hero{background:linear-gradient(160deg,#FDF0F7,#FBD3EA);border:0;margin:6px 0 16px}
.card.hero h3{margin:0 0 6px;color:#1F2A44}.card.hero .mut{color:#4A4F66}.card.hero .btn{margin-top:12px}
html.dark .card.hero{background:linear-gradient(160deg,#3A2B4A,#4A2F49)}html.dark .card.hero h3{color:#FFE9F4}html.dark .card.hero .mut{color:#E6D6E3}
.hrow{display:flex;gap:14px;align-items:center}.hst{display:flex;flex-direction:column;gap:2px}.hst b{font:700 18px var(--sans,sans-serif);color:#1F2A44}.hst span{font-size:13.5px;color:#4A4F66}
html.dark .hst b{color:#FFE9F4}html.dark .hst span{color:#E6D6E3}
.pring{width:64px;height:64px;flex:none}.pring .pr0{fill:none;stroke:rgba(31,42,68,.12);stroke-width:7}.pring .pr1{fill:none;stroke:#F06EB8;stroke-width:7;stroke-linecap:round;transition:stroke-dasharray .6s}
.pring text{font:800 18px var(--sans,sans-serif);fill:#1F2A44}html.dark .pring text{fill:#FFE9F4}html.dark .pring .pr0{stroke:rgba(255,255,255,.15)}
.savebar{display:flex;gap:10px;align-items:flex-start;background:#FFF6D8;border:1px solid #F3D98A;color:#1F2A44;border-radius:14px;padding:10px 12px;margin:4px 0 12px;font-size:13.5px}
.savebar a{color:#B0337E;font-weight:700}.savebar .sbx{margin-left:auto;background:none;border:0;font-size:18px;line-height:1;color:#1F2A44;cursor:pointer;padding:0 4px}
html.dark .savebar{background:#3A3420;color:#FFF3C9;border-color:#6B5D2A}html.dark .savebar .sbx{color:#FFF3C9}
.endc .endav{display:block;margin:4px auto 10px;border-radius:50%;background:#FBD3EA}
.endstats{display:grid;grid-template-columns:64px 1fr 1fr 1fr;gap:8px;align-items:center;margin:14px 0;text-align:center}
.endstats b{display:block;font:800 17px var(--sans,sans-serif)}.endstats small{font-size:11.5px;color:var(--mut,#6B7088)}
.mstone{display:flex;gap:10px;align-items:center;background:#FDF0F7;border-radius:14px;padding:8px 12px;margin:8px 0;text-align:left;color:#1F2A44}
.mstone img{border-radius:50%;background:#FBD3EA;flex:none}html.dark .mstone{background:#2A2340;color:#F5E9F2}
.endcta{background:#FBD3EA;border:0;margin:14px 0 6px;text-align:center}.endcta h3{margin:0 0 4px;color:#1F2A44}.endcta .mut{color:#4A4F66}
html.dark .endcta{background:#4A2F49}html.dark .endcta h3{color:#FFE9F4}html.dark .endcta .mut{color:#E6D6E3}
.onb{text-align:center}.onbav{display:block;margin:0 auto 8px;border-radius:50%;background:#FBD3EA}
.onb .dots{display:flex;gap:6px;justify-content:center;margin:4px 0 14px}.onb .dots i{width:8px;height:8px;border-radius:50%;background:#E8D5E1}.onb .dots i.on{background:#F06EB8;width:20px;border-radius:4px}
/* locked audio: a small clean corner badge on the round play button / level circle (glyph stays centred, nothing overlaps) */
.ctl .pp,.ali .albig{position:relative}
.ppbadge{position:absolute;top:-3px;right:-3px;width:22px;height:22px;border-radius:50%;background:#FFFFFF;border:2px solid #F7A8D8;display:grid;place-items:center;box-shadow:0 1px 3px rgba(31,42,68,.25);pointer-events:none}
.ppbadge svg,.ctl .pp .ppbadge svg{width:11px!important;height:11px!important;fill:none;stroke:#1F2A44;stroke-width:2.6;stroke-linecap:round}
.ali .albig .ppbadge{top:-5px;right:-6px}
/* Monk picker: just the two pictures as tiles (names stay in aria-label) */
.avpick button{flex:0 0 auto;width:88px;padding:8px;gap:0}.avpick button img{width:64px;height:64px}
.avpick button.on{border-color:#F06EB8;box-shadow:0 0 0 3px #FBD3EA}
/* OAuth buttons */
.btn.oauth{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}
.btn.oauth.og,html.dark .btn.oauth.og{background:#FFFFFF!important;color:#1F2A44!important;border:1.5px solid #D8DCE6}
.btn.oauth.ofb,html.dark .btn.oauth.ofb{background:#1877F2!important;color:#FFFFFF!important;border:0}
.btn.oauth svg{flex:none}.btn.oauth:disabled{opacity:.6}
.trustn{text-align:center;margin:14px 0 0;line-height:1.6}
.acc #aerr:not(:empty){background:#FDF0F7;border-radius:12px;padding:10px 12px;color:#1F2A44;font-size:14px;margin-top:12px}
/* study screen: counter · card area (scrolls) · rating footer in normal flow — long noun/verb cards never sit under Again/Good/Easy */
.sframe{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.sframe .scount{flex:none}
.sframe .sbody{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 2px 8px}
.sframe .sbody .card.study{margin-bottom:0}
.sframe .rate,.sframe .rate.big{position:static!important;flex:none;left:auto;right:auto;bottom:auto;z-index:auto;margin:0 -16px;padding:8px 12px calc(env(safe-area-inset-bottom) + 10px)!important;background:var(--bg)!important}
body.studying main,body.studying.revealed main{padding-bottom:0!important}
@media (orientation:landscape) and (max-height:500px){.sframe .rate.big button{min-height:48px!important}.sframe .scount{margin:0 0 4px!important}}