:root{--bg:#d4dcef;--s1:#ffffff;--s2:#f9f7f4;--s3:#efecea;--b1:#e2ddd6;--b2:#cec8bf;--tx:#1a1714;--tx2:#5c554d;--tx3:#9c9189;--accent:#1d6fa4;--accent-lt:#e8f2f9;--accent2:#155480;--gold:#b45309;--goldbg:#fef3c7;--goldb:#fbbf24;--green:#2d7d52;--greenbg:#e8f5ee;--greenb:rgba(45,125,82,.3);--red:#dc2626;--redbg:#fee2e2;--redb:#fca5a5;--blue:#1d6fa4;--bluebg:#e8f2f9;--blueb:rgba(29,111,164,.3);--nav:#ffffff;--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:"Fraunces",Georgia,serif;--font-mono:"Plus Jakarta Sans",-apple-system,sans-serif;--r:12px;--rs:8px}[data-theme=dark]{--bg:#111827;--s1:#1a2535;--s2:#1e2d42;--s3:#243350;--b1:#2d3f55;--b2:#3a5068;--tx:#f0ede8;--tx2:#b8b0a8;--tx3:#7a736c;--accent:#4a9fd4;--accent-lt:rgba(74,159,212,.12);--accent2:#6ab5e0;--gold:#fbbf24;--goldbg:rgba(251,191,36,.12);--goldb:rgba(251,191,36,.3);--green:#4ade80;--greenbg:rgba(74,222,128,.1);--greenb:rgba(74,222,128,.25);--red:#f87171;--redbg:rgba(248,113,113,.1);--redb:rgba(248,113,113,.25);--blue:#4a9fd4;--bluebg:rgba(74,159,212,.12);--blueb:rgba(74,159,212,.25);--nav:#1a2535;--shadow:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font-sans);background:#e8edf5;color:var(--tx);overflow-x:hidden;font-size:16px;line-height:1.5}button{font-family:var(--font-sans)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--b2);border-radius:2px}.app{max-width:640px;margin:0 auto;padding:72px 14px 90px}.tbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--nav);border-bottom:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:200;box-shadow:var(--shadow)}.tbar-left{display:flex;align-items:center;gap:8px}.tbar-logo{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;letter-spacing:-.5px;color:var(--tx)}.tbar-logo span{color:var(--accent);font-style:italic}.tbar-name{display:none}.tbar-right{display:flex;align-items:center;gap:4px}.tbar-btn{width:38px;height:38px;border-radius:var(--rs);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--tx3);transition:all .15s;position:relative}.tbar-btn-badge{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--nav)}.tbar-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tbar-btn:hover{background:var(--s2);color:var(--tx)}.tbar-btn.act{background:var(--accent-lt);color:var(--accent)}.tbar-btn.act svg{stroke:var(--accent);stroke-width:2.2}.bnav{position:fixed;bottom:0;left:0;right:0;background:var(--nav);border-top:1.5px solid var(--b1);display:flex;z-index:200;box-shadow:0 -4px 16px #0000000f;padding-bottom:max(0px,env(safe-area-inset-bottom))}.ni{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 2px 10px;cursor:pointer;border:none;background:none;color:var(--tx3);font-family:var(--font-sans);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;line-height:1.2;text-align:center;transition:all .15s}.ni svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:3px;transition:all .18s;display:block}.ni.act{background:var(--accent-lt);color:var(--accent)}.ni.act svg{stroke:var(--accent);stroke-width:2.2}.card{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--nav);margin:-2px -14px 12px;padding:14px 14px 12px;border-bottom:1px solid var(--b1)}.topbar-t{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;letter-spacing:-.3px;color:var(--tx)}.topbar-s{font-size:.72rem;color:var(--tx3);font-weight:500;margin-top:1px}.theme-btn{width:36px;height:36px;border-radius:50%;background:var(--s2);border:1.5px solid var(--b1);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;transition:all .15s;flex-shrink:0;min-width:36px}.theme-btn:hover{background:var(--s3)}.slbl,.albl,.adm-h-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--tx3);margin-bottom:8px;padding-left:2px;display:flex;align-items:center;gap:6px}.slbl:after,.albl:after{content:"";flex:1;height:1px;background:var(--b1)}.dvdr{border:none;border-top:1px solid var(--b1);margin:16px 0}.primbtn{display:block;width:100%;background:var(--accent);color:#fff;border:none;border-radius:var(--rs);padding:12px;font-size:.9rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #1d6fa440;margin-top:10px}.primbtn:hover{background:var(--accent2)}.primbtn:active{transform:scale(.98)}.primbtn:disabled{opacity:.5;cursor:not-allowed}.secbtn{display:block;width:100%;background:var(--s1);color:var(--tx2);border:1.5px solid var(--b1);border-radius:var(--rs);padding:10px 14px;font-size:.85rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .2s;margin-top:8px}.secbtn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-lt)}.bbtn{display:inline-flex;align-items:center;gap:6px;background:var(--s1);border:1.5px solid var(--b1);border-radius:20px;padding:7px 14px;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--tx2);margin-bottom:14px;transition:all .15s;font-family:var(--font-sans)}.bbtn:hover{border-color:var(--accent);color:var(--accent)}.dbtn{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--rs);padding:9px 16px;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--tx2);font-family:var(--font-sans);transition:all .15s}.dbtn:hover{border-color:var(--red);color:var(--red)}.flabel{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--tx3);margin-bottom:6px;margin-top:14px}.finput{width:100%;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--rs);padding:11px 14px;font-size:.9rem;font-family:var(--font-sans);color:var(--tx);outline:none;transition:border-color .2s,box-shadow .2s;display:block}.finput:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1d6fa41a}.finput::placeholder{color:var(--tx3)}.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.mcard{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:12px;text-align:center;box-shadow:var(--shadow)}.mnum{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--accent);line-height:1}.mlbl{font-size:.6rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-top:3px}.xpt{height:8px;background:var(--s3);border-radius:4px;overflow:hidden;margin-bottom:10px;border:1px solid var(--b1)}.xpf{height:100%;border-radius:4px;background:var(--accent);transition:width .5s}.sviz-row{margin-bottom:9px}.sviz-labels{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:4px;font-weight:500}.sviz-track{height:6px;background:var(--s3);border-radius:3px;overflow:hidden;border:1px solid var(--b1)}.sviz-fill{height:100%;border-radius:3px;transition:width .5s}.qcard{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.qtag{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r);padding:10px 14px;margin-bottom:12px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}.qtag-ico{width:34px;height:34px;border-radius:var(--rs);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.qtag-cat{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--tx3)}.qtag-id{font-size:.65rem;color:var(--tx3);font-family:var(--font-sans);margin-left:auto}.qtext{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;line-height:1.45;color:var(--tx);margin-bottom:14px;letter-spacing:-.2px}.abtn{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--rs);padding:8px 14px;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--tx2);transition:all .15s;font-family:var(--font-sans)}.abtn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-lt)}.asec{background:var(--s1);border:1.5px solid var(--accent);border-radius:var(--r);padding:14px 16px;margin-top:12px;animation:fi .2s ease;box-shadow:0 2px 8px #1d6fa41a}@keyframes fi{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.atxt{font-size:.9rem;line-height:1.7;color:var(--tx)}.dbox{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px 16px;margin-top:10px;animation:fi .2s ease}.dtxt{font-size:.85rem;line-height:1.7;color:var(--tx2)}.flagrow{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.fbtn{flex:1;min-width:80px;padding:9px 8px;border-radius:var(--rs);border:1.5px solid var(--b1);background:var(--s2);font-size:.75rem;font-weight:600;cursor:pointer;text-align:center;transition:all .15s;font-family:var(--font-sans);color:var(--tx2)}.fbtn:hover{border-color:var(--b2)}.fbtn.needs{background:var(--goldbg);border-color:var(--goldb);color:var(--gold)}.fbtn.done{background:var(--greenbg);border-color:var(--greenb);color:var(--green)}.fu-sec{margin-top:14px;border-top:1px solid var(--b1);padding-top:12px}.fu-btn{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--rs);padding:11px 14px;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--tx2);margin-bottom:6px;transition:all .15s;font-family:var(--font-sans)}.fu-btn:hover,.fu-btn.open{background:var(--accent-lt);border-color:var(--accent);color:var(--accent)}.fu-ans{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--rs);padding:12px 14px;margin-top:4px;margin-bottom:6px;font-size:.82rem;line-height:1.7;color:var(--tx);animation:fi .15s ease}.chv{font-size:.7rem;margin-left:auto;opacity:.5}.ntarea{display:block;padding:10px 12px;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--rs);color:var(--tx);font-family:var(--font-sans);font-size:.9rem;resize:vertical;min-height:80px;outline:none;transition:border-color .15s;width:calc(100% - 32px);margin:8px 16px 0}.ntarea:focus{border-color:var(--accent)}.stat{background:var(--s2);border:1px solid var(--b1);border-radius:var(--rs);padding:8px 12px;font-size:.78rem;font-weight:500;margin-bottom:5px;color:var(--tx2)}.ref{font-size:.75rem;color:var(--tx3);padding:4px 0;display:flex;align-items:center;gap:6px}.pbox{background:var(--accent-lt);border:1.5px solid var(--accent);border-radius:var(--r);padding:14px 16px;margin-top:12px;animation:fi .2s ease}.pbox-lbl{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-family:var(--font-sans);margin-bottom:5px}.pbox-txt{font-size:.88rem;line-height:1.65;color:var(--tx2)}.ebox{background:var(--greenbg);border:1.5px solid var(--greenb);border-radius:var(--r);padding:14px 16px;margin-top:12px;animation:fi .2s ease}.ebox-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ebox-lbl{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green);font-family:var(--font-sans)}.ebox-refresh{background:none;border:1.5px solid var(--greenb);border-radius:20px;padding:3px 10px;font-size:.68rem;font-weight:700;color:var(--green);cursor:pointer;font-family:var(--font-sans);transition:all .15s;display:flex;align-items:center;gap:4px}.ebox-refresh:hover{background:var(--green);color:#fff}.ebox-refresh:disabled{opacity:.5;cursor:not-allowed}.ebox-txt{font-size:.88rem;line-height:1.75;color:var(--tx);font-style:italic}.fdot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tag{display:inline-flex;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:20px;border:1px solid;font-family:var(--font-sans);white-space:nowrap}.pdots{display:flex;gap:5px;align-items:center;justify-content:center;margin:10px 0 4px}.pdot{width:6px;height:6px;border-radius:50%;background:var(--b2);transition:all .2s}.pdot.act{background:var(--accent);width:18px;border-radius:3px}.pdot.seen{background:var(--green);opacity:.6}.swipe-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 4px}.swipe-nav-btn{flex:1;padding:11px;background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--rs);font-size:.82rem;font-weight:600;cursor:pointer;color:var(--tx2);transition:all .15s;font-family:var(--font-sans)}.swipe-nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-lt)}.swipe-nav-btn:disabled{opacity:.35;cursor:not-allowed}.swipe-nav-btn.next-btn{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #1d6fa440}.swipe-nav-btn.next-btn:hover:not(:disabled){background:var(--accent2)}.swipe-counter{font-size:.78rem;color:var(--tx3);text-align:center;font-family:var(--font-sans)}.qlist{display:flex;flex-direction:column;gap:4px}.qli{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:11px 14px;display:flex;align-items:flex-start;gap:10px;cursor:pointer;transition:all .15s;box-shadow:var(--shadow)}.qli:hover{border-color:var(--accent);background:var(--accent-lt)}.qli-ico{font-size:1.1rem;flex-shrink:0;padding-top:1px;width:22px}.qli-body{flex:1;min-width:0}.qli-t{font-size:.85rem;font-weight:600;color:var(--tx);line-height:1.4}.qli-c{font-size:.68rem;color:var(--tx3);margin-top:2px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.qli-badges{display:flex;gap:4px;align-items:center;flex-shrink:0;padding-top:2px}.drawer{display:none}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a171473;z-index:290;display:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.drawer-overlay.open{display:block}.side-drawer{position:fixed;top:0;right:-100%;width:min(320px,85vw);height:100vh;background:#2d6096;border-left:1.5px solid rgba(255,255,255,0.1);z-index:295;transition:right .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 32px #0000001f;overflow:hidden}.side-drawer.open{right:0}.drawer-header{padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;gap:10px;flex-shrink:0}.drawer-close{background:rgba(255,255,255,0.12);border:1.5px solid rgba(255,255,255,0.2);border-radius:var(--rs);width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:#ffffff}.drawer-search{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.15);flex-shrink:0}.drawer-qlist{overflow-y:auto;flex:1;padding:6px 10px 80px}.drawer-cat-section{margin-bottom:2px}.drawer-cat-header{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--rs);cursor:pointer;transition:background .12s;font-family:var(--font-sans)}.drawer-cat-header:hover,.drawer-cat-header.act{background:var(--accent-lt)}.drawer-cat-header.act .drawer-cat-name{color:var(--accent);font-weight:700}.drawer-cat-name{font-size:.82rem;font-weight:500;flex:1;color:var(--tx)}.drawer-cat-count{font-size:.68rem;color:var(--tx3);font-weight:600}.drawer-hdr{padding:16px 16px 10px;border-bottom:1px solid var(--b1);display:flex;align-items:center;gap:10px}.drawer-search{flex:1;background:var(--s2);border:1.5px solid var(--b1);border-radius:20px;padding:8px 14px;font-size:.85rem;outline:none;font-family:var(--font-sans);color:var(--tx);transition:border-color .15s}.drawer-search:focus{border-color:var(--accent)}.drawer-close{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--rs);width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;flex-shrink:0;color:var(--tx2)}.drawer-body{overflow-y:auto;flex:1;padding:8px 12px 16px}.drawer-qi{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--rs);cursor:pointer;transition:background .12s}.drawer-qi:hover{background:var(--accent-lt)}.drawer-qi-num{font-size:.7rem;color:var(--tx3);flex-shrink:0;width:26px;padding-top:1px;font-weight:600}.drawer-qi-text{font-size:.82rem;color:var(--tx);flex:1;line-height:1.4}.drawer-qi-badge{display:flex;gap:3px;align-items:center;flex-shrink:0;padding-top:2px}.drawer-cat-hdr{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--tx3);padding:10px 10px 4px;border-top:1px solid var(--b1);margin-top:4px}.tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.tc{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px;cursor:pointer;transition:all .18s;position:relative;overflow:hidden;box-shadow:var(--shadow)}.tc:hover{border-color:var(--accent);background:var(--accent-lt);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tc:active{transform:scale(.97)}.tc-accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}.tc-icon{font-size:1.6rem;margin-bottom:8px;display:block}.tc-name{font-size:.85rem;font-weight:700;color:var(--tx);margin-bottom:8px;line-height:1.3}.tc-count{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.topic-hero{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px 16px;margin-bottom:12px;box-shadow:var(--shadow)}.topic-hero-top{display:flex;align-items:flex-start;gap:12px}.topic-hero-icon{font-size:2rem;flex-shrink:0;line-height:1}.topic-hero-meta{flex:1;min-width:0}.topic-hero-name{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;margin-bottom:6px;letter-spacing:-.2px}.topic-progress-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topic-mini-bar{flex:1;height:4px;background:var(--s3);border-radius:2px;overflow:hidden;min-width:50px;border:1px solid var(--b1)}.topic-mini-fill{height:100%;border-radius:2px;transition:width .5s}.topic-mini-stat{font-size:.68rem;color:var(--tx3);font-weight:600;white-space:nowrap}.topic-facts-card{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px 16px;margin-bottom:12px}.topic-facts-title{font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx3);margin-bottom:10px}.topic-fact{display:flex;align-items:flex-start;gap:8px;margin-bottom:7px;font-size:.82rem;color:var(--tx2);line-height:1.5}.topic-fact-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:5px}.topic-fact-text{flex:1}.topic-qs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.topic-qs-header span{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--tx3)}.topic-practice-btn{padding:7px 14px;border-radius:20px;border:none;color:#fff;font-family:var(--font-sans);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 2px 6px #00000026}.topic-practice-btn:hover{filter:brightness(1.08)}.lib-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.lib-card{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px;cursor:pointer;transition:all .18s;position:relative;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.lib-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.lib-card-accent{position:absolute;top:0;left:0;right:0;height:3px}.lib-card-top{margin-top:4px}.lib-card-icon{font-size:1.6rem;margin-bottom:8px;display:block}.lib-card-title{font-size:.85rem;font-weight:700;color:var(--tx);margin-bottom:4px;line-height:1.3}.lib-card-sub{font-size:.7rem;color:var(--tx3);line-height:1.4;margin-bottom:8px}.lib-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.lib-card-time{font-size:.65rem;color:var(--tx3);font-weight:600}.lib-card-badge{font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:20px}.reading-progress{position:fixed;top:56px;left:0;right:0;height:3px;background:var(--b1);z-index:199}.reading-progress:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:var(--accent);transition:width .1s}.article-wrap{padding-bottom:24px}.article-hero{padding:20px 0 16px}.article-hero-icon{font-size:2.4rem;display:block;margin-bottom:10px}.article-hero-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:6px}.article-hero-sub{font-size:.82rem;color:var(--tx2);margin-bottom:10px;line-height:1.5}.article-meta-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.article-tag{font-size:.62rem;font-weight:700;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em}.article-time{font-size:.7rem;color:var(--tx3);font-weight:500}.article-body{font-size:.9rem;line-height:1.75;color:var(--tx)}.article-body h2{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;margin:20px 0 8px;letter-spacing:-.2px;color:var(--tx)}.article-body p{margin-bottom:12px;color:var(--tx2)}.article-stat-box{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px 16px;margin:14px 0}.stat-row{display:flex;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--b1)}.stat-row:last-child{border-bottom:none}.article-stat-num{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;color:var(--accent);flex-shrink:0;min-width:52px}.article-stat-label{font-size:.8rem;color:var(--tx2);line-height:1.4}.article-callout{background:var(--accent-lt);border-left:3px solid var(--accent);border-radius:0 var(--rs) var(--rs) 0;padding:12px 14px;margin:14px 0;font-size:.82rem;line-height:1.6;color:var(--tx2)}.article-callout strong{color:var(--accent);display:block;margin-bottom:3px}.article-warning{background:var(--goldbg);border-left:3px solid var(--gold);border-radius:0 var(--rs) var(--rs) 0;padding:12px 14px;margin:14px 0;font-size:.82rem;line-height:1.6;color:var(--tx2)}.article-warning strong{color:var(--gold);display:block;margin-bottom:3px}.article-section-divider{height:1px;background:var(--b1);margin:20px 0}.article-link-panel{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px 16px}.article-link-panel-title{font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx3);margin-bottom:12px}.article-link-btn{display:flex;align-items:center;gap:10px;width:100%;background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--rs);padding:10px 12px;cursor:pointer;margin-bottom:6px;transition:all .15s;font-family:var(--font-sans)}.article-link-btn:hover{border-color:var(--accent);background:var(--accent-lt)}.article-link-btn-icon{font-size:1rem;flex-shrink:0}.article-link-btn-text{font-size:.82rem;font-weight:600;color:var(--tx);flex:1;text-align:left}.article-link-btn-arrow{font-size:.9rem;color:var(--tx3)}.mock-banner{background:linear-gradient(135deg,#1a1714,#252220);border-radius:var(--r);padding:12px 16px;margin-bottom:10px;display:flex;align-items:center;gap:12px;color:#fff;box-shadow:var(--shadow-md)}.mock-banner-icon{font-size:1.5rem;flex-shrink:0}.mock-banner-text{flex:1;min-width:0}.mock-banner-title{font-size:.85rem;font-weight:700}.mock-banner-sub{font-size:.7rem;opacity:.7;margin-top:2px}.mock-banner-btn{padding:6px 12px;border-radius:var(--rs);background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;flex-shrink:0;font-family:var(--font-sans)}.mock-progress-strip{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.mock-q-dot{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:2px solid var(--b2);background:var(--s2);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--tx3);transition:all .2s}.mock-q-dot.curr{background:var(--accent);border-color:var(--accent);color:#fff}.mock-q-dot.done{background:var(--greenbg);border-color:var(--greenb);color:var(--green)}.mock-q-dot.needs{background:var(--goldbg);border-color:var(--goldb);color:var(--gold)}.mock-complete{text-align:center;padding:32px 16px}.mock-complete-icon{font-size:3rem;margin-bottom:12px}.mock-complete-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;margin-bottom:6px}.mock-complete-sub{font-size:.82rem;color:var(--tx2);margin-bottom:20px;line-height:1.6}.mock-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.mock-score-card{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px 8px;text-align:center;box-shadow:var(--shadow)}.mock-score-num{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;line-height:1}.mock-score-lbl{font-size:.6rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-top:3px}.mock-breakdown{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px 16px;margin-bottom:12px;text-align:left}.mock-bd-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--tx3);margin-bottom:10px}.mock-bd-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--b1);font-size:.78rem;cursor:pointer}.mock-bd-row:hover{color:var(--accent)}.mock-bd-row:last-child{border-bottom:none}.mock-bd-flag{font-size:.8rem}.mock-bd-q{flex:1;color:var(--tx2)}.mock-breakdown-item{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--b1);font-size:.82rem;cursor:pointer}.mock-breakdown-item:last-child{border-bottom:none}.mock-bd-icon{font-size:1rem;width:24px;text-align:center;flex-shrink:0}.mock-bd-cat{font-size:.85rem;flex:1;color:var(--tx2)}.timer-bar{display:flex;align-items:center;gap:10px;padding:10px 0;margin-bottom:4px}.timer-display{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;min-width:52px;color:var(--tx)}.timer-display.urgent{color:var(--red);animation:pulse .6s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.timer-track{flex:1;height:6px;background:var(--s3);border-radius:3px;overflow:hidden;border:1px solid var(--b1)}.timer-fill{height:100%;border-radius:3px;transition:width .9s linear,background .3s}.timer-btn{padding:6px 12px;border-radius:var(--rs);font-family:var(--font-sans);font-size:.78rem;font-weight:600;cursor:pointer;border:1.5px solid var(--b1);background:var(--s1);color:var(--tx2);transition:all .15s}.timer-btn:hover{background:var(--s3)}.timer-btn.active{background:var(--redbg);border-color:var(--redb);color:var(--red)}.cvok{background:var(--greenbg);border:1.5px solid var(--greenb);border-radius:var(--rs);padding:10px 14px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.cvok-ico{font-size:1.1rem}.cvok-txt{font-size:.85rem;font-weight:600;color:var(--green)}.cv-drop-zone{border:2px dashed var(--b2);border-radius:var(--r);padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:10px;background:var(--s2)}.cv-drop-zone:hover,.cv-drop-zone.drag{border-color:var(--accent);background:var(--accent-lt)}.cv-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--b1);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.cv-struct-card{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px 16px;margin-bottom:12px}.cv-struct-name{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;margin-bottom:2px}.cv-struct-grade{font-size:.78rem;color:var(--tx2);margin-bottom:10px}.cv-struct-section{margin-bottom:9px}.cv-struct-lbl{font-size:.6rem;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.cv-chip{display:inline-block;background:var(--s1);border:1.5px solid var(--b1);border-radius:20px;padding:3px 10px;font-size:.72rem;color:var(--tx);margin:2px 3px 2px 0;font-weight:500}.cv-item{font-size:.8rem;color:var(--tx);padding:5px 0;border-bottom:1px solid var(--b1)}.cv-item:last-child{border-bottom:none}.cv-item-title{font-weight:600}.cv-item-meta{font-size:.7rem;color:var(--tx3);margin-top:1px}.p-loading{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--accent-lt);border:1.5px solid var(--accent);border-radius:var(--rs);font-size:.82rem;color:var(--accent);margin-top:10px;font-weight:600}.apikey-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.apikey-inp{flex:1;padding:10px 12px;border-radius:var(--rs);border:1.5px solid var(--b1);background:var(--s2);color:var(--tx);font-family:var(--font-sans);font-size:.85rem;outline:none;transition:border-color .2s}.apikey-inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1d6fa41a}.adm-lock{padding:32px 20px;text-align:center}.adm-lock-ico{font-size:2.5rem;margin-bottom:12px}.adm-lock-title{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;margin-bottom:6px}.adm-lock-sub{font-size:.82rem;color:var(--tx2);margin-bottom:20px;line-height:1.6}.pin-row{display:flex;justify-content:center;margin-bottom:14px}.pin-input{width:100%;max-width:180px;padding:12px;text-align:center;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--rs);color:var(--tx);font-family:var(--font-serif);font-size:1.2rem;font-weight:700;letter-spacing:.2em;outline:none}.pin-input:focus{border-color:var(--accent)}.adm-tabs{display:flex;background:var(--s3);border:1.5px solid var(--b1);border-radius:var(--r);padding:4px;margin-bottom:14px}.adm-tab{flex:1;text-align:center;padding:8px 6px;font-size:.75rem;font-weight:600;color:var(--tx2);cursor:pointer;border-radius:var(--rs);transition:all .2s;font-family:var(--font-sans)}.adm-tab.act{background:var(--s1);color:var(--accent);box-shadow:var(--shadow)}.adm-success{background:var(--greenbg);border:1.5px solid var(--greenb);border-radius:var(--rs);padding:10px 14px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.adm-success-txt{font-size:.82rem;font-weight:600;color:var(--green)}.adm-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.adm-h-ico{font-size:1.5rem}.adm-h-sub{font-size:.72rem;color:var(--tx3);margin-top:2px}.adm-q-card{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--rs);padding:10px 14px;margin-bottom:8px;display:flex;align-items:flex-start;gap:10px;cursor:pointer}.adm-q-card:hover{border-color:var(--accent);background:var(--accent-lt)}.adm-q-num{font-family:var(--font-serif);font-size:.85rem;font-weight:700;color:var(--accent);flex-shrink:0;width:32px}.adm-q-text{font-size:.82rem;color:var(--tx);flex:1;line-height:1.4}.adm-q-del{color:var(--tx3);cursor:pointer;font-size:1rem;flex-shrink:0}.adm-q-del:hover{color:var(--red)}.day-hero{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);border-radius:var(--r);padding:18px 20px;margin-bottom:14px;color:#fff;box-shadow:0 4px 16px #1d6fa440}.day-hero-day{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;letter-spacing:-.5px;line-height:1}.day-hero-date{font-size:.78rem;opacity:.75;margin-top:3px;font-weight:500}.day-hero-badge{display:inline-block;background:#ffffff40;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:.6rem;font-weight:700;padding:2px 9px;border-radius:10px;text-transform:uppercase;letter-spacing:.8px;margin-left:10px;vertical-align:middle}.mock-start-card{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px 16px;margin-bottom:12px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow)}.mock-start-card:hover{border-color:var(--accent);background:var(--accent-lt)}.pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;border:1px solid transparent}.pill-accent{background:var(--accent-lt);color:var(--accent);border-color:#1d6fa440}.pill-gold{background:var(--goldbg);color:var(--gold);border-color:var(--goldb)}.pill-green{background:var(--greenbg);color:var(--green);border-color:var(--greenb)}.active-cat-pill{display:flex;align-items:center;gap:8px;background:var(--accent-lt);border:1.5px solid var(--accent);border-radius:20px;padding:7px 14px;font-size:.78rem;font-weight:600;color:var(--accent);cursor:pointer;margin-bottom:12px;transition:all .15s}.active-cat-pill:hover{background:var(--accent);color:#fff}.active-cat-pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5}.install-banner{display:none;position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:12px 18px;box-shadow:var(--shadow-md);z-index:300;align-items:center;gap:10px;white-space:nowrap;max-width:calc(100vw - 28px)}.install-banner.show{display:flex;animation:up .25s ease}@keyframes up{0%{transform:translate(-50%) translateY(10px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.install-banner-text{font-size:.82rem;font-weight:600}.install-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--tx3);padding:0 4px}.search-wrap{position:relative;margin-bottom:12px}.search-inp{width:100%;background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:11px 36px 11px 38px;font-size:.85rem;font-family:var(--font-sans);color:var(--tx);outline:none;transition:border-color .2s;box-shadow:var(--shadow)}.search-inp:focus{border-color:var(--accent)}.search-inp::placeholder{color:var(--tx3)}.search-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:.9rem;color:var(--tx3);pointer-events:none}.cat-filter{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;-ms-overflow-style:none;scrollbar-width:none}.cat-filter::-webkit-scrollbar{display:none}.cf-btn{padding:6px 14px;border-radius:20px;border:1.5px solid var(--b1);background:var(--s1);font-size:.72rem;font-weight:700;cursor:pointer;white-space:nowrap;color:var(--tx2);transition:all .15s;font-family:var(--font-sans)}.cf-btn.act{background:var(--accent);border-color:var(--accent);color:#fff}.empty{text-align:center;padding:40px 24px;color:var(--tx3);font-size:.85rem;line-height:1.7}.viz-wrap{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px 16px;margin-top:12px}.viz-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--tx3);margin-bottom:10px}.bars-wrap{display:flex;flex-direction:column;gap:7px}.bar-row{display:grid;grid-template-columns:90px 1fr 40px;align-items:center;gap:8px;font-size:.75rem}.bar-lbl{color:var(--tx2);font-weight:500;text-align:right;font-size:.7rem}.bar-track{height:8px;background:var(--s3);border-radius:4px;overflow:hidden;border:1px solid var(--b1)}.bar-fill{height:100%;border-radius:4px;background:var(--accent);transition:width .6s cubic-bezier(.4,0,.2,1)}.bar-val{font-size:.7rem;font-weight:700;color:var(--accent)}.donut-wrap{display:flex;align-items:center;gap:16px}.donut-legend{display:flex;flex-direction:column;gap:6px;flex:1}.donut-legend-row{display:flex;align-items:center;gap:7px;font-size:.72rem;color:var(--tx2)}.donut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.compare-wrap{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;font-size:.75rem}.compare-table th{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tx3);padding:6px 8px;border-bottom:2px solid var(--b1);text-align:left}.compare-table td{padding:7px 8px;border-bottom:1px solid var(--b1);color:var(--tx2);vertical-align:top;line-height:1.4}.compare-table tr:last-child td{border-bottom:none}.compare-table td:first-child{font-weight:700;color:var(--tx)}.timeline-wrap{display:flex;flex-direction:column;gap:0}.tl-item{display:flex;gap:12px;padding:8px 0}.tl-dot-wrap{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0}.tl-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex-shrink:0}.tl-line{width:2px;flex:1;background:var(--b1);margin-top:3px}.tl-year{font-family:var(--font-serif);font-size:.82rem;font-weight:700;color:var(--accent);margin-bottom:2px}.tl-text{font-size:.78rem;color:var(--tx2);line-height:1.5}@keyframes slideInLeft{0%{transform:translate(-24px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.swipe-left{animation:slideInLeft .2s ease}.swipe-right{animation:slideInRight .2s ease}.sbar{display:flex;align-items:center;gap:6px;background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:9px 12px;margin-bottom:12px;box-shadow:var(--shadow)}.sbar-pill{font-size:.75rem;font-weight:600;color:var(--tx2);white-space:nowrap}.sbar-bar{flex:1;height:5px;background:var(--s3);border-radius:3px;overflow:hidden;border:1px solid var(--b1)}.sbar-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .5s}.catbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1.5px solid var(--b1);border-radius:var(--r) var(--r) 0 0;margin:-16px -16px 12px}.catbar-icon{width:32px;height:32px;border-radius:var(--rs);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.catbar-name{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--tx2)}.catbar-sub{font-size:.62rem;color:var(--tx3);margin-top:1px}.catbar-meta{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}.qnum{font-size:.68rem;font-weight:600;color:var(--tx3)}.qbody{padding:2px 0 10px}.qt{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;line-height:1.45;color:var(--tx);margin-bottom:12px;letter-spacing:-.2px}.rbtn{width:100%;padding:13px;background:var(--accent-lt);border:1.5px solid var(--accent);border-radius:var(--rs);color:var(--accent);font-family:var(--font-sans);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;text-align:center}.rbtn:hover{background:var(--accent);color:#fff}.arow{display:flex;gap:7px;margin-top:4px;flex-wrap:wrap}.abtn{flex:1;min-width:70px;padding:9px 8px;border-radius:var(--rs);border:1.5px solid var(--b1);background:var(--s2);font-size:.75rem;font-weight:600;cursor:pointer;text-align:center;transition:all .15s;font-family:var(--font-sans);color:var(--tx2)}.abtn:hover{border-color:var(--b2);color:var(--tx)}.sviz{margin-top:6px}.sviz-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--tx3);margin-bottom:8px}.bank-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;gap:8px}.bank-topbar-t{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;letter-spacing:-.2px;color:var(--tx)}.bank-topbar-s{font-size:.7rem;color:var(--tx3);font-weight:500}.menu-btn{width:36px;height:36px;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--rs);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .15s;flex-shrink:0;color:var(--tx2)}.menu-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-lt)}.swipe-btns{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0 4px}.drawer-header{padding:14px 16px 10px;border-bottom:1px solid var(--b1);display:flex;align-items:center;gap:10px}.drawer-title{font-family:var(--font-serif);font-size:1rem;font-weight:700;flex:1}.drawer-qlist{overflow-y:auto;flex:1;padding:6px 10px 16px}.drawer-cat-section{margin-bottom:4px}.drawer-cat-ico{font-size:.9rem;flex-shrink:0;width:20px;text-align:center}.drawer-cat-name{font-size:.82rem;font-weight:600;flex:1;color:var(--tx)}.drawer-cat-count{font-size:.68rem;color:var(--tx3);font-family:var(--font-sans)}.add-btn{background:var(--accent);color:#fff;border:none;border-radius:var(--rs);padding:9px 18px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:all .2s}.add-btn:hover{background:var(--accent2)}.rm-btn,.edit-btn{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--rs);font-size:.82rem;transition:all .15s;color:var(--tx3)}.rm-btn:hover{color:var(--red);background:var(--redbg)}.edit-btn:hover{color:var(--accent);background:var(--accent-lt)}.fgroup{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.frow2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fu-admin-item{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--rs);padding:10px 12px;margin-bottom:8px}.fu-admin-num{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tx3);margin-bottom:4px}.qedit-card{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r);padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:all .15s}.qedit-card:hover{border-color:var(--accent);background:var(--accent-lt)}.qedit-body{font-size:.78rem;color:var(--tx2);margin-top:4px;line-height:1.4}.qedit-t{font-size:.85rem;font-weight:600;color:var(--tx)}.qedit-c{font-size:.75rem;color:var(--tx2);margin-top:3px}.qedit-actions{display:flex;gap:8px;margin-top:12px}.stat-admin-row{display:flex;gap:8px;align-items:center;margin-bottom:6px}.stat-input{flex:1;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--rs);padding:8px 12px;font-size:.82rem;font-family:var(--font-sans);color:var(--tx);outline:none}.stat-input:focus{border-color:var(--accent)}.istats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.istat{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.istat-ico{font-size:1.5rem;flex-shrink:0}.istat-val{font-family:var(--font-serif);font-size:1.4rem;font-weight:700;line-height:1;color:var(--accent)}.istat-lbl{font-size:.65rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:2px}.ctable-wrap{overflow-x:auto;margin-top:8px}.ctable{width:100%;border-collapse:collapse;font-size:.75rem}.ctable th{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tx3);padding:6px 8px;border-bottom:2px solid var(--b1);text-align:left;white-space:nowrap}.ctable td{padding:7px 8px;border-bottom:1px solid var(--b1);color:var(--tx2);vertical-align:top;line-height:1.4}.ctable tr:last-child td{border-bottom:none}.ctable td:first-child{font-weight:600;color:var(--tx)}.donut-leg-item{display:flex;align-items:center;gap:7px;font-size:.72rem;color:var(--tx2);margin-bottom:5px}.donut-leg-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tl{display:flex;flex-direction:column;gap:0}.tl-left{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg)}.app-shell{display:flex;flex-direction:column;height:100dvh;max-width:100%;margin:0;background:#e8edf5;position:relative}.sidenav{display:none;flex-direction:column;width:240px;min-width:240px;height:100dvh;background:linear-gradient(160deg,#0f1923 0%,#1a2535 60%,#1e2d42 100%);padding:20px 12px 16px;overflow-y:auto;position:sticky;top:0}.sidenav-logo{display:flex;align-items:center;gap:10px;padding:6px 8px 20px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.15);margin-bottom:14px}.sidenav-logo-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0}.sidenav-logo-name{font-family:var(--font-serif);font-weight:700;font-size:14px;color:#ffffff;line-height:1.2}.sidenav-logo-name span{color:#93c5fd}.sidenav-logo-sub{font-size:10px;color:rgba(255,255,255,0.6);margin-top:1px}.sidenav-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,0.55);padding:0 8px;margin-bottom:4px}.sidenav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:8px;border:none;background:none;color:rgba(255,255,255,0.85);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .12s,color .12s;position:relative;margin-bottom:2px}.sidenav-item:hover{background:rgba(255,255,255,0.12);color:#ffffff}.sidenav-item.act{background:rgba(255,255,255,0.18);color:#ffffff;font-weight:700}.sidenav-item-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidenav-item-icon svg{width:18px;height:18px;stroke:currentColor}.sidenav-badge{width:7px;height:7px;background:var(--accent);border-radius:50%;margin-left:auto;flex-shrink:0}.sidenav-bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--b1);display:flex;flex-direction:column;gap:4px}.sidenav-action{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:8px;border:none;background:none;color:var(--tx2);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .12s}.sidenav-action:hover{background:var(--s2);color:var(--tx)}.sidenav-action svg{width:16px;height:16px;flex-shrink:0}.sidenav-install{color:var(--accent);background:var(--accent-lt)}.sidenav-install:hover{background:var(--accent-lt);opacity:.85}.mc{flex:1;overflow-y:auto;overflow-x:hidden;padding:56px 14px 80px;-webkit-overflow-scrolling:touch}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--tx);color:var(--bg);padding:10px 18px;border-radius:20px;font-size:13px;font-weight:500;z-index:999;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis;animation:fadeup .2s ease}@keyframes fadeup{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (min-width: 900px){html,body{background:linear-gradient(140deg,#cdd8ec 0%,#dae2f2 50%,#cdd8ec 100%);margin:0;padding:0}.app-shell{max-width:100%;width:100%;flex-direction:row;height:100dvh;box-shadow:none;margin:0}.tbar,.bnav,.install-banner{display:none!important}.sidenav{display:flex}.mc{flex:1;padding:32px 40px 40px;border-left:1px solid rgba(200,215,235,0.4);overflow-y:auto;height:100dvh;background:linear-gradient(140deg,#cdd8ec 0%,#dae2f2 50%,#cdd8ec 100%)}.mc>*{max-width:860px}.mc .topbar{padding-top:0}.card{padding:18px 20px}.app-shell{border-right:none}.toast{left:calc(240px + 50%)}}.qcard{margin-bottom:12px}.q-top{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}.q-cat{font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;letter-spacing:.04em;display:flex;align-items:center;gap:4px}.q-prog{font-size:12px;color:var(--tx3);margin-left:auto}.q-star,.q-bookmark{font-size:14px}.q-text{font-size:16px;font-weight:700;color:var(--tx);line-height:1.4;margin-bottom:12px}.q-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.q-answer{background:var(--greenbg);border:1px solid var(--greenb);border-radius:10px;padding:12px;margin-bottom:10px}.answer-label{font-size:11px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.answer-text{font-size:14px;color:var(--tx);line-height:1.6}.answer-placeholder{font-size:13px;color:var(--tx2);font-style:italic}.copy-btn{margin-top:8px;font-size:12px;padding:4px 10px}.q-note{margin-top:8px}.note-input{width:100%;border:1px solid var(--b1);border-radius:8px;padding:8px 10px;font-size:13px;font-family:var(--font-sans);background:var(--s2);color:var(--tx);resize:vertical}.note-input:focus{outline:none;border-color:var(--accent)}.q-nav{display:flex;gap:8px;margin-top:10px}.nav-btn{flex:1;padding:9px;border-radius:8px;border:1px solid var(--b1);background:var(--s2);color:var(--tx);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-sans)}.nav-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.timer-bar{height:4px;background:var(--s3);border-radius:2px;margin-bottom:8px;overflow:hidden}.timer-fill{height:100%;border-radius:2px;transition:width .5s linear}.timer-display{display:flex;align-items:center;gap:10px;margin-bottom:8px}.timer-time{font-size:20px;font-weight:700;font-family:var(--font-serif)}.timer-reset{font-size:12px;color:var(--tx2);background:none;border:none;cursor:pointer;text-decoration:underline}.icon-btn{background:var(--s2);border:1px solid var(--b1);border-radius:8px;padding:7px 10px;font-size:15px;cursor:pointer;transition:background .15s}.icon-btn:hover{background:var(--s3)}.icon-btn.active-gold{background:var(--goldbg);border-color:var(--goldb)}.icon-btn.active-red{background:var(--redbg);border-color:var(--redb)}.icon-btn.active-accent{background:var(--accent-lt);border-color:var(--accent)}.daily-header{margin-bottom:12px}.streak-row{display:flex;align-items:center;gap:16px}.streak-block{text-align:center;min-width:56px}.streak-num{font-size:32px;font-weight:700;color:var(--gold);font-family:var(--font-serif)}.streak-lbl{font-size:11px;color:var(--gold);font-weight:600}.streak-progress{flex:1}.streak-title{font-size:13px;font-weight:700;color:var(--tx);margin-bottom:4px}.streak-sub{font-size:12px;color:var(--tx2);margin-top:4px}.mock-launcher{margin-top:4px}.mock-launcher-title{font-size:15px;font-weight:700;margin-bottom:2px}.mock-launcher-sub{font-size:13px;color:var(--tx2);margin-bottom:12px}.filter-chip{background:var(--s2);border:1px solid var(--b1);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;color:var(--tx2);cursor:pointer;font-family:var(--font-sans);white-space:nowrap}.filter-chip.active{background:var(--accent-lt);border-color:var(--accent);color:var(--accent)}.empty-state{text-align:center;padding:32px 16px;color:var(--tx2)}.srch-wrap{position:relative;margin-bottom:10px}.srch-inp{width:100%;padding:10px 36px 10px 12px;border:1px solid var(--b1);border-radius:10px;font-size:14px;font-family:var(--font-sans);background:var(--s2);color:var(--tx)}.srch-inp:focus{outline:none;border-color:var(--accent)}.srch-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--tx2);cursor:pointer;font-size:14px}.filter-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.cat-drawer{background:var(--s1);border:1px solid var(--b1);border-radius:10px;margin-bottom:10px;overflow:hidden}.cat-row{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:none;border:none;border-bottom:1px solid var(--b1);font-size:13px;color:var(--tx);cursor:pointer;font-family:var(--font-sans);text-align:left}.cat-row:last-child{border-bottom:none}.cat-row.active{background:var(--accent-lt);color:var(--accent)}.cat-row:hover{background:var(--s2)}.cat-count{font-size:12px;color:var(--tx3);font-weight:600}.active-filter{display:inline-flex;align-items:center;gap:6px;background:var(--accent-lt);border:1px solid var(--accent);border-radius:20px;padding:4px 10px;font-size:12px;color:var(--accent);font-weight:600;margin-bottom:10px}.active-filter button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px;padding:0}.q-list{margin-bottom:16px}.q-list-item{display:flex;align-items:center;gap:8px;padding:11px 12px;background:var(--s1);border-bottom:1px solid var(--b1);cursor:pointer}.q-list-item:first-child{border-radius:10px 10px 0 0}.q-list-item:last-child{border-radius:0 0 10px 10px;border-bottom:none}.q-list-item:only-child{border-radius:10px}.q-list-item:hover{background:var(--s2)}.q-list-cat{font-size:16px;flex-shrink:0}.q-list-text{flex:1;font-size:13px;color:var(--tx);font-weight:500;line-height:1.4}.q-list-flags{font-size:13px;flex-shrink:0}.q-list-arrow{color:var(--tx3);font-size:16px;flex-shrink:0}.q-seen-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}.lib-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.lib-card{background:var(--s1);border:1px solid var(--b1);border-radius:12px;overflow:hidden;cursor:pointer}.lib-card:hover{border-color:var(--b2)}.lib-card-hero{padding:14px;display:flex;gap:12px;align-items:flex-start}.lib-card-icon{font-size:28px;flex-shrink:0}.lib-card-title{font-size:14px;font-weight:700;margin-bottom:4px}.lib-card-sub{font-size:12px;color:var(--tx2);line-height:1.4}.lib-card-meta{padding:8px 14px 12px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--b1)}.lib-tag{font-size:11px;font-weight:600;padding:2px 7px;border-radius:20px}.lib-time{font-size:11px;color:var(--tx3);margin-left:auto}.topic-grid{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.topic-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--s1);border:1px solid var(--b1);border-radius:10px;cursor:pointer;text-align:left;font-family:var(--font-sans)}.topic-chip:hover{border-color:var(--b2);background:var(--s2)}.topic-chip-icon{font-size:20px;flex-shrink:0}.topic-chip-name{font-size:13px;font-weight:600;color:var(--tx)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stat-box{background:var(--s1);border:1px solid var(--b1);border-radius:10px;padding:14px;text-align:center}.stat-num{font-size:26px;font-weight:700;color:var(--accent);font-family:var(--font-serif)}.stat-lbl{font-size:12px;color:var(--tx2);margin-top:2px}.card-section-title{font-size:14px;font-weight:700;color:var(--tx);margin-bottom:12px}.cv-tab-row{display:flex;gap:0;border:1px solid var(--b1);border-radius:8px;overflow:hidden;margin-bottom:14px}.cv-tab{flex:1;padding:8px;background:var(--s2);border:none;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--tx2);cursor:pointer}.cv-tab.act{background:var(--accent);color:#fff}.cv-field{display:flex;gap:8px;padding:6px 0;border-top:1px solid var(--b1);font-size:13px}.cv-label{color:var(--tx2);min-width:100px;flex-shrink:0}.text-inp{width:100%;padding:9px 12px;border:1px solid var(--b1);border-radius:8px;font-size:13px;font-family:var(--font-sans);background:var(--s2);color:var(--tx);display:block}.text-inp:focus{outline:none;border-color:var(--accent)}select.text-inp{cursor:pointer}.prog-bar{height:5px;background:var(--s3);border-radius:3px;overflow:hidden;margin:4px 0}.prog-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .4s ease}.tbar{position:sticky;top:0;z-index:100;flex-shrink:0}.sviz{background:var(--s2);border:1px solid var(--b1);border-radius:10px;padding:14px;margin:12px 0}.sviz-title{font-size:12px;font-weight:700;color:var(--tx2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.sviz-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sviz-lbl{font-size:12px;color:var(--tx2);min-width:120px;flex-shrink:0}.sviz-track{flex:1;height:8px;background:var(--s3);border-radius:4px;overflow:hidden}.sviz-fill{height:100%;border-radius:4px;transition:width .4s ease}.sviz-val{font-size:12px;font-weight:700;color:var(--tx);min-width:32px;text-align:right}.sviz-icons{display:flex;flex-wrap:wrap;gap:10px}.sviz-icon-item{text-align:center;flex:1;min-width:60px}.sviz-icon-emoji{font-size:24px;margin-bottom:4px}.sviz-icon-val{font-size:16px;font-weight:700;color:var(--accent);font-family:var(--font-serif)}.sviz-icon-lbl{font-size:11px;color:var(--tx2)}.sviz-table{width:100%;border-collapse:collapse;font-size:12px}.sviz-table th{background:var(--s3);padding:6px 8px;text-align:left;font-weight:700;font-size:11px;color:var(--tx2)}.sviz-table td{padding:6px 8px;border-bottom:1px solid var(--b1);color:var(--tx)}.sviz-timeline{display:flex;flex-direction:column;gap:8px}.sviz-tl-row{display:flex;gap:10px;align-items:flex-start}.sviz-tl-year{font-size:11px;font-weight:700;color:var(--accent);min-width:44px;font-family:var(--font-mono);padding-top:2px}.sviz-tl-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:4px}.sviz-tl-text{font-size:12px;color:var(--tx);line-height:1.5;flex:1}.sviz-donut-wrap{display:flex;gap:16px;align-items:center}.sviz-donut-svg{width:90px;height:90px;flex-shrink:0}.sviz-donut-legend{display:flex;flex-direction:column;gap:6px}.sviz-legend-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tx2)}.sviz-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.asec{margin-top:10px}.albl{font-size:11px;font-weight:700;color:var(--tx2);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);margin-bottom:6px}.atxt{font-size:14px;color:var(--tx);line-height:1.65;margin-bottom:10px}.ans-btns{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.dbox{background:var(--s2);border:1px solid var(--b1);border-radius:10px;padding:14px;margin:10px 0}.dtxt{font-size:13px;color:var(--tx2);line-height:1.65;margin-bottom:10px}.stat{font-size:12px;color:var(--tx);background:var(--s1);border:1px solid var(--b1);border-radius:6px;padding:6px 10px;margin-bottom:4px}.ref{font-size:12px;color:var(--tx2);margin-bottom:3px}.ebox{background:var(--greenbg);border:1px solid var(--greenb);border-radius:10px;padding:14px;margin:10px 0}.ebox-hdr{margin-bottom:8px}.ebox-lbl{font-size:12px;font-weight:700;color:var(--green)}.ebox-txt{font-size:13px;color:var(--tx);line-height:1.65;white-space:pre-wrap}.fu-sec{margin-top:10px}.fu-btn{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--s2);border:1px solid var(--b1);border-radius:8px;font-size:13px;color:var(--tx);cursor:pointer;font-family:var(--font-sans);text-align:left;margin-bottom:4px}.fu-btn.open{background:var(--accent-lt);border-color:var(--accent);color:var(--accent)}.chv{font-size:10px;color:var(--tx3)}.fu-ans{background:var(--s1);border:1px solid var(--b1);border-radius:8px;padding:12px;margin-bottom:4px;font-size:13px;color:var(--tx);line-height:1.6}.qcard{background:var(--s1);border-radius:var(--r);border:1px solid var(--b1);margin-bottom:12px;overflow:hidden}.catbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1.5px solid}.catbar-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.catbar-name{font-size:13px;font-weight:700;color:var(--tx)}.catbar-sub{font-size:11px;color:var(--tx2);margin-top:1px}.catbar-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.qnum{font-size:12px;color:var(--tx3);font-family:var(--font-mono)}.fdot{width:8px;height:8px;border-radius:50%;background:var(--b2)}.fdot.done{background:var(--green)}.fdot.needs{background:var(--gold)}.qbody{padding:16px}.qt{font-size:17px;font-weight:700;color:var(--tx);line-height:1.4;margin-bottom:14px}.rbtn{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font-sans)}.rbtn:hover{background:var(--accent2)}.arow{display:flex;gap:6px;padding:0 14px 12px;flex-wrap:wrap}.abtn{padding:7px 12px;background:var(--s2);border:1px solid var(--b1);border-radius:8px;font-size:13px;font-weight:600;color:var(--tx);cursor:pointer;font-family:var(--font-sans)}.abtn.done{background:var(--greenbg);border-color:var(--greenb);color:var(--green)}.abtn.needs{background:var(--goldbg);border-color:var(--goldb);color:var(--gold)}.ntarea{width:calc(100% - 28px);margin:0 14px 12px;padding:10px;border:1px solid var(--b1);border-radius:8px;font-size:13px;font-family:var(--font-sans);background:var(--s2);color:var(--tx);resize:vertical;min-height:80px;display:block}.pdots{display:flex;justify-content:center;gap:5px;padding:10px 0 0}.pdot{width:8px;height:8px;border-radius:50%;background:var(--b2);transition:background .2s}.pdot.act{background:var(--accent);width:20px;border-radius:4px}.pdot.seen{background:var(--accent);opacity:.4}.swipe-btns{display:flex;align-items:center;gap:10px;padding:10px 14px 14px}.swipe-nav-btn{flex:1;padding:11px;background:var(--s2);border:1px solid var(--b1);border-radius:10px;font-size:14px;font-weight:700;color:var(--tx);cursor:pointer;font-family:var(--font-sans);display:flex;align-items:center;justify-content:center;gap:6px}.swipe-nav-btn:disabled{opacity:.35;cursor:default}.swipe-nav-btn.next-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.swipe-nav-btn.next-btn:disabled{background:var(--b1);border-color:var(--b1);color:var(--tx3)}.swipe-counter{font-size:14px;font-weight:700;color:var(--tx);text-align:center;white-space:nowrap}.timer-bar{display:flex;align-items:center;gap:8px;padding:0 14px 8px}.timer-track{flex:1;height:6px;background:var(--s3);border-radius:3px;overflow:hidden}.timer-fill{height:100%;border-radius:3px;transition:width .5s linear}.timer-display{font-size:16px;font-weight:700;color:var(--green);font-family:var(--font-serif);min-width:36px}.timer-display.warn{color:var(--gold)}.timer-display.urgent{color:var(--red)}.timer-btn{padding:5px 10px;background:var(--s2);border:1px solid var(--b1);border-radius:6px;font-size:12px;color:var(--tx2);cursor:pointer;font-family:var(--font-sans)}.timer-btn.active{background:var(--accent-lt);color:var(--accent);border-color:var(--accent)}.cat-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.cat-grid-card{background:var(--s1);border:1px solid var(--b1);border-radius:12px;padding:14px;cursor:pointer;transition:border-color .15s}.cat-grid-card:hover{border-color:var(--b2);background:var(--s2)}.cat-grid-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cat-grid-icon{font-size:20px;flex-shrink:0}.cat-grid-name{font-size:14px;font-weight:700;color:var(--tx);flex:1}.cat-grid-arrow{color:var(--tx3);font-size:18px}.cat-grid-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--tx2);margin-top:4px}.cat-stat-row{padding:10px 0;border-top:1px solid var(--b1);cursor:pointer;transition:opacity .15s}.cat-stat-row:hover{opacity:.8}.cat-stat-row:first-child{border-top:none}.bbtn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--s2);border:1px solid var(--b1);border-radius:8px;font-size:13px;font-weight:600;color:var(--tx2);cursor:pointer;margin-bottom:12px;font-family:var(--font-sans)}.bbtn:hover{background:var(--s3);color:var(--tx)}.secbtn{padding:9px 16px;background:var(--s2);border:1px solid var(--b1);border-radius:8px;font-size:13px;font-weight:600;color:var(--tx);cursor:pointer;font-family:var(--font-sans)}.dbtn{padding:9px 16px;background:var(--redbg);border:1px solid var(--redb);border-radius:8px;font-size:13px;font-weight:600;color:var(--red);cursor:pointer;font-family:var(--font-sans)}.inline-q{background:var(--s1);border:1px solid var(--b1);border-radius:10px;margin-bottom:8px;overflow:hidden;transition:border-color .15s}.inline-q-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}.inline-q-header:hover{background:var(--s2)}.inline-q-text{font-size:14px;font-weight:600;color:var(--tx);line-height:1.4;margin-bottom:3px}.inline-q-meta{font-size:11px;color:var(--tx3);display:flex;align-items:center;gap:4px}.inline-reveal-btn{padding:5px 12px;border-radius:20px;border:1px solid;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font-sans);white-space:nowrap}.inline-q-body{padding:0 14px 14px;border-top:1px solid var(--b1)}.inline-ans-section{padding:12px 0 8px}.inline-detail-btn{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;font-family:var(--font-sans)}.ai-draft{border:1.5px solid var(--accent);background:linear-gradient(135deg,var(--accent-lt),var(--s1))}.bank-quick-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.bqf{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:12px;border:1.5px solid;cursor:pointer;font-family:var(--font-sans);transition:transform .1s,box-shadow .1s;background:var(--s1)}.bqf:active{transform:scale(.97)}.bqf-num{font-size:26px;font-weight:800;font-family:var(--font-serif);line-height:1;margin-bottom:4px}.bqf-lbl{font-size:11px;font-weight:700;text-align:center}.bqf-confident{border-color:var(--greenb);background:var(--greenbg)}.bqf-confident .bqf-num,.bqf-confident .bqf-lbl{color:var(--green)}.bqf-review{border-color:var(--goldb);background:var(--goldbg)}.bqf-review .bqf-num,.bqf-review .bqf-lbl{color:var(--gold)}.bqf-unseen{border-color:var(--accent);background:var(--accent-lt)}.bqf-unseen .bqf-num,.bqf-unseen .bqf-lbl{color:var(--accent)}.cv-dropzone{border:2px dashed var(--b2);border-radius:12px;padding:28px 20px;cursor:pointer;transition:border-color .2s,background .2s;background:var(--s2);margin-bottom:4px}.cv-dropzone:hover,.cv-dropzone.dragging{border-color:var(--accent);background:var(--accent-lt)}.about-section{background:var(--s1);border:1px solid var(--b1);border-radius:14px;overflow:hidden;margin-bottom:16px}.about-logo-row{display:flex;align-items:center;gap:14px;padding:18px 16px 14px;background:linear-gradient(135deg,var(--accent-lt),var(--s2));border-bottom:1px solid var(--b1)}.about-logo-bone{font-size:36px}.about-app-name{font-size:17px;font-weight:800;color:var(--accent);font-family:var(--font-serif)}.about-app-sub{font-size:12px;color:var(--tx2);margin-top:2px}.about-developer{padding:14px 16px;border-bottom:1px solid var(--b1)}.about-dev-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tx3);margin-bottom:4px;font-family:var(--font-mono)}.about-dev-name{font-size:16px;font-weight:700;color:var(--tx)}.about-dev-role{font-size:13px;color:var(--tx2);margin-top:2px}.about-dev-trust{font-size:12px;color:var(--accent);margin-top:3px;font-weight:600}.about-divider{height:1px;background:var(--b1)}.about-disclaimer{padding:14px 16px;background:var(--goldbg)}.about-disclaimer-title{font-size:13px;font-weight:700;color:var(--gold);margin-bottom:8px}.about-disclaimer-body{font-size:12px;color:var(--tx2);line-height:1.65}.about-disclaimer-body p{margin:0 0 6px}.about-disclaimer-body p:last-child{margin:0}.about-copyright{padding:12px 16px;font-size:12px;color:var(--tx3);text-align:center;background:var(--s2)}.disclaimer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.disclaimer-modal{background:var(--s1);border-radius:20px 20px 0 0;padding:28px 20px 40px;width:100%;max-width:430px;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.disclaimer-header{text-align:center;margin-bottom:16px}.disclaimer-title{font-size:20px;font-weight:800;color:var(--accent);font-family:var(--font-serif)}.disclaimer-sub{font-size:13px;color:var(--tx2);margin-top:2px}.disclaimer-dev{text-align:center;font-size:13px;color:var(--tx2);margin-bottom:16px;padding:10px;background:var(--s2);border-radius:8px}.disclaimer-notice{font-size:13px;color:var(--tx);background:var(--goldbg);border:1px solid var(--goldb);border-radius:10px;padding:14px;line-height:1.5}.topic-article-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px;border:1.5px solid;border-radius:12px;cursor:pointer;margin-bottom:12px;font-family:var(--font-sans);text-decoration:none;transition:opacity .15s}.topic-article-btn:hover{opacity:.85}.tbar-install-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1.5px solid var(--accent);background:var(--accent-lt);color:var(--accent);cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0}.tbar-install-btn:active{transform:scale(.96);background:var(--accent);color:#fff}.tbar-install-btn svg{width:16px;height:16px}.tbar-install-btn span{display:none}.ref-link{display:block;color:var(--accent);text-decoration:none;padding:4px 0;font-size:13px;border-bottom:1px solid var(--accent-lt);transition:color .15s}.ref-link:hover,.ref-link:active{color:var(--accent2);text-decoration:underline}
@media (min-width:900px){[data-theme=dark] html,[data-theme=dark] body{background:linear-gradient(140deg,#0d1520 0%,#111827 50%,#0d1520 100%)!important}[data-theme=dark] .mc{background:linear-gradient(140deg,#0d1520 0%,#111827 50%,#0d1520 100%)!important}}@media (min-width:900px){.card{box-shadow:0 2px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.05);border:1px solid rgba(255,255,255,0.8)}[data-theme=dark] .card{box-shadow:0 2px 16px rgba(0,0,0,.3),0 1px 4px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.08)}}[data-theme=dark] body,[data-theme=dark] .app-shell{background:#111827!important}
/* ============================================================
   DUOLINGO-STYLE ANIMATIONS & INTERACTIONS
   ============================================================ */

/* Smooth base transition for interactive elements */
.card,.qcard,.cat-grid-card,.bqf,.primbtn,.secbtn,.abtn,.rbtn,.bbtn,.nav-btn,
.sidenav-item,.filter-chip,.fu-btn,.swipe-nav-btn,.dbtn {
  transition: transform .15s cubic-bezier(.34,1.56,.64,1), 
              box-shadow .15s ease,
              background .15s ease !important;
}

/* Card lift on hover */
.card:hover,.qcard:hover {
  transform: translateY(-2px) scale(1.005);
  box-shadow: 0 8px 24px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.06) !important;
}

/* Category grid cards - bigger lift */
.cat-grid-card {
  cursor: pointer;
  transition: transform .18s cubic-bezier(.34,1.56,.64,1),
              box-shadow .18s ease !important;
}
.cat-grid-card:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 10px 28px rgba(0,0,0,.13) !important;
}
.cat-grid-card:active {
  transform: translateY(0) scale(.97);
}

/* Quick-filter bank buttons (Confident / Review / Unseen) */
.bqf {
  cursor: pointer;
}
.bqf:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
}
.bqf:active {
  transform: scale(.95);
}

/* Primary button - Duolingo bounce */
.primbtn:hover,.dbtn:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 6px 16px rgba(29,111,164,.35) !important;
  filter: brightness(1.05);
}
.primbtn:active,.dbtn:active {
  transform: scale(.95) translateY(1px);
}

/* Small buttons */
.abtn:hover,.secbtn:hover,.bbtn:hover {
  transform: scale(1.06);
  filter: brightness(1.05);
}
.abtn:active,.secbtn:active {
  transform: scale(.93);
}

/* Reveal answer button - satisfying press */
.rbtn {
  transition: transform .12s cubic-bezier(.34,1.56,.64,1), 
              box-shadow .12s ease, 
              background .12s ease !important;
}
.rbtn:hover {
  transform: scale(1.04) translateY(-1px);
  box-shadow: 0 4px 14px rgba(29,111,164,.3) !important;
}
.rbtn:active {
  transform: scale(.96);
}

/* Nav buttons (Prev/Next) */
.swipe-nav-btn:hover:not(:disabled) {
  transform: scale(1.05) translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,.1) !important;
}
.swipe-nav-btn:active:not(:disabled) {
  transform: scale(.95);
}
.swipe-nav-btn.next-btn:hover:not(:disabled) {
  box-shadow: 0 4px 14px rgba(29,111,164,.35) !important;
}

/* Filter chips */
.filter-chip:hover {
  transform: scale(1.06) translateY(-1px);
}
.filter-chip:active {
  transform: scale(.94);
}

/* Follow-up question buttons */
.fu-btn:hover {
  transform: translateX(3px);
}

/* Sidenav items */
.sidenav-item:hover {
  transform: translateX(3px) scale(1.02);
}

/* Progress bar fill animation on page load */
.prog-fill,.sbar-fill {
  transition: width .8s cubic-bezier(.4,0,.2,1) !important;
}

/* Flag/bookmark dot animation */
.fdot {
  transition: transform .2s cubic-bezier(.34,1.56,.64,1) !important;
}
.fdot.done,.fdot.needs {
  transform: scale(1.3);
}

/* Card entrance animation */
@keyframes cardSlideIn {
  from { opacity:0; transform:translateY(12px) scale(.98); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}
.qcard,.card,.cat-grid-card {
  animation: cardSlideIn .25s cubic-bezier(.4,0,.2,1) both;
}

/* Stagger for category grid cards */
.cat-grid-card:nth-child(1)  { animation-delay:.03s }
.cat-grid-card:nth-child(2)  { animation-delay:.06s }
.cat-grid-card:nth-child(3)  { animation-delay:.09s }
.cat-grid-card:nth-child(4)  { animation-delay:.12s }
.cat-grid-card:nth-child(5)  { animation-delay:.15s }
.cat-grid-card:nth-child(6)  { animation-delay:.18s }
.cat-grid-card:nth-child(7)  { animation-delay:.21s }
.cat-grid-card:nth-child(8)  { animation-delay:.24s }
.cat-grid-card:nth-child(9)  { animation-delay:.27s }
.cat-grid-card:nth-child(10) { animation-delay:.30s }

/* Toast pop-in */
@keyframes toastPop {
  0%   { opacity:0; transform:translateY(16px) scale(.9); }
  70%  { transform:translateY(-3px) scale(1.02); }
  100% { opacity:1; transform:translateY(0) scale(1); }
}
.toast { animation: toastPop .35s cubic-bezier(.34,1.56,.64,1) both !important; }

/* Streak number bounce */
@keyframes streakBounce {
  0%,100% { transform:scale(1); }
  50%      { transform:scale(1.15); }
}
.streak-num {
  animation: streakBounce 2.5s ease-in-out infinite;
  display:inline-block;
}

/* Confident/review button state change pulse */
@keyframes flagPulse {
  0%   { transform:scale(1); }
  40%  { transform:scale(1.25); }
  100% { transform:scale(1); }
}
.abtn.done,.abtn.needs {
  animation: flagPulse .3s cubic-bezier(.34,1.56,.64,1);
}

/* Quick filter (bqf) number pop */
.bqf-num {
  transition: transform .2s cubic-bezier(.34,1.56,.64,1);
}
.bqf:hover .bqf-num {
  transform: scale(1.2);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after {
    animation-duration:.01ms !important;
    transition-duration:.01ms !important;
  }
}