:root{--bg:#eef0f5;--bg-tint:#e9ebf4;--surface:#fff;--surface-2:#f6f7fb;--surface-3:#eef0f6;--ink:#14161d;--ink-2:#565e6e;--ink-3:#949bab;--line:#e6e8f0;--line-2:#dcdfe9;--iris:#ef6820;--iris-2:#ff9147;--iris-soft:#ffeee1;--dawn:#ffc24b;--mint:#10b981;--mint-soft:#dff5ec;--coral:#ef4444;--coral-soft:#fdeae8;--grad:linear-gradient(125deg, #ef6820 0%, #ff9147 52%, #ffc24b 118%);--grad-soft:linear-gradient(125deg, #f2722c 0%, #ff9a5a 100%);--display:"Bricolage Grotesque", system-ui, sans-serif;--sans:"Plus Jakarta Sans", system-ui, sans-serif;--r:24px;--r-md:18px;--r-sm:13px;--tabbar-h:70px;--sh-sm:0 1px 2px #14161d0a, 0 2px 8px -4px #14161d14;--sh:0 1px 2px #14161d0a, 0 12px 32px -12px #3a220e29;--sh-lg:0 2px 6px #14161d0d, 0 24px 56px -20px #3a220e47;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(1100px 520px at 80% -8%,#ff914738,#0000 60%),radial-gradient(900px 480px at -5% 8%,#ef68201f,#0000 55%),radial-gradient(800px 600px at 50% 118%,#f4a26b1f,#0000 60%);background-attachment:fixed;font-size:15.5px;line-height:1.55}#root{min-height:100dvh}.app{max-width:640px;padding:0 18px calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 34px);margin:0 auto}.app-header{padding:calc(20px + env(safe-area-inset-top,0px)) 4px 16px;justify-content:space-between;align-items:center;display:flex}.brand{flex:1;align-items:center;gap:13px;min-width:0;display:flex}.brand-mark{background:var(--grad);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 16px -4px #ef682080}.brand h1{font-family:var(--display);letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.1}.brand small{color:var(--ink-2);margin-top:1px;font-size:12px;font-weight:500;display:block}.icon-btn{background:var(--surface);border:1px solid var(--line);width:42px;height:42px;color:var(--ink-2);cursor:pointer;box-shadow:var(--sh-sm);transition:transform .18s var(--ease), color .18s, box-shadow .18s;border-radius:13px;place-items:center;display:grid}.icon-btn:hover{color:var(--iris);box-shadow:var(--sh);transform:translateY(-1px)}.icon-btn:active{transform:scale(.94)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:20px}.card+.card,.stack>*+*{margin-top:13px}.section-title{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;margin:30px 4px 13px;font-size:13px;font-weight:700;display:flex}.section-title:after{content:"";background:linear-gradient(90deg, var(--line-2), transparent);flex:1;height:1px}.hero{background:radial-gradient(120% 120% at 85% 0%, #ff914729, transparent 55%), var(--surface);position:relative;overflow:hidden}.hero-grid{align-items:center;gap:22px;display:flex}.hero-side{flex:1;min-width:0}.hero-greeting{color:var(--ink-2);font-size:13px;font-weight:500}.hero-readiness{font-family:var(--display);letter-spacing:-.01em;margin-top:2px;font-size:15px;font-weight:700}.mini-stats{gap:10px;margin-top:18px;display:flex}.mini-stat{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);flex:1;padding:11px 13px}.mini-stat .v{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.mini-stat .k{color:var(--ink-2);margin-top:1px;font-size:11px;font-weight:500}.ring{flex:none;place-items:center;display:grid;position:relative}.ring svg{display:block;transform:rotate(-90deg)}.ring-track{stroke:var(--surface-3)}.ring-value{stroke:url(#ascentGrad);stroke-linecap:round}.ring-center{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.ring-num{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.ring-unit{font-family:var(--display);color:var(--ink-3);font-weight:700}.ring-cap{color:var(--ink-3);letter-spacing:.02em;margin-top:3px;font-size:10.5px;font-weight:600}.subject-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);width:100%;color:var(--ink);cursor:pointer;box-shadow:var(--sh-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:15px 17px;display:grid}.subject-card:hover{box-shadow:var(--sh);border-color:var(--line-2);transform:translateY(-2px)}.subject-card:active{transform:translateY(0)scale(.995)}.subject-card+.subject-card{margin-top:10px}.subject-code{font-family:var(--display);color:var(--iris);background:var(--iris-soft);letter-spacing:-.02em;font-variant-numeric:tabular-nums;border-radius:11px;place-items:center;width:46px;height:44px;font-size:14px;font-weight:700;display:grid}.subject-name{font-family:var(--display);letter-spacing:-.015em;font-size:15.5px;font-weight:700;line-height:1.25;display:block}.subject-meta{color:var(--ink-2);flex-wrap:wrap;gap:3px 12px;margin-top:4px;font-size:12px;font-weight:500;display:flex}.subject-meta .warn{color:var(--coral)}.subject-meta .ok{color:var(--mint)}.meter{background:var(--surface-3);border-radius:4px;height:6px;margin-top:10px;display:block;position:relative;overflow:visible}.meter-fill{background:var(--iris-2);height:100%;transition:width .7s var(--ease);border-radius:4px;display:block}.meter-fill.scored{background:var(--grad-soft)}.meter-fill.scored.pass{background:linear-gradient(90deg, var(--mint), #34d399)}.meter-tick{background:var(--ink-3);opacity:.5;border-radius:1px;width:2px;position:absolute;top:-2px;bottom:-2px;left:75%}.subject-card.done{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint), 0 8px 24px -12px #10b98180;background:linear-gradient(120deg, var(--mint-soft), var(--surface) 70%)}.subject-card.done .subject-code{background:var(--mint);color:#fff}.done-badge{font-family:var(--display);color:#0b7355;background:var(--mint-soft);border:1px solid var(--mint);border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.saved-card{text-align:left;cursor:pointer;background:var(--ink);color:#fff;border-radius:var(--r-md);width:100%;box-shadow:var(--sh);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border:none;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin-bottom:6px;padding:16px 18px;display:grid}.saved-card:hover{box-shadow:var(--sh-lg);transform:translateY(-2px)}.saved-card:active{transform:scale(.995)}.saved-card-icon{background:#ffffff24;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.saved-card-icon svg{width:20px;height:20px}.saved-card-title{font-family:var(--display);letter-spacing:-.015em;font-size:16px;font-weight:700;display:block}.saved-card-sub{color:#ffffffa6;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:500}.saved-card .subject-chevron{color:#ffffff80}.done-btn{width:100%;font-family:var(--display);letter-spacing:-.01em;cursor:pointer;background:var(--mint-soft);color:#0b7355;transition:all .18s var(--ease);border:1.5px solid #0000;border-radius:13px;margin-top:12px;padding:12px 16px;font-size:14px;font-weight:700}.done-btn:hover{border-color:var(--mint)}.done-btn.active{background:var(--surface-2);color:var(--ink-2);border-color:var(--line)}.subject-right{text-align:right}.subject-pct{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.subject-pct .dim{color:var(--ink-3)}.subject-sub{color:var(--ink-3);margin-top:1px;font-size:10.5px;font-weight:500}.subject-chevron{color:var(--ink-3);font-size:20px}.btn{font-family:var(--display);letter-spacing:-.01em;cursor:pointer;transition:transform .16s var(--ease), box-shadow .2s, filter .2s, background .2s;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 20px -8px #ef6820b3}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 12px 26px -8px #ef6820bf}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-2);box-shadow:var(--sh-sm)}.btn-secondary:hover{border-color:var(--ink-3)}.btn-ghost{color:var(--ink-2);border-color:var(--line-2);background:0 0}.btn-ghost:hover{color:var(--ink);background:var(--surface-2)}.btn-danger{background:var(--coral-soft);color:var(--coral);border-color:#f5685e47}.btn-row{gap:10px;margin-top:14px;display:flex}.btn-row .btn{flex:1}.btn:disabled{opacity:.5;cursor:default;transform:none}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--display);letter-spacing:-.01em;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;transition:all .18s var(--ease);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:700}.chip:hover{border-color:var(--line-2);color:var(--ink)}.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.chip .count{opacity:.6;font-variant-numeric:tabular-nums;margin-left:5px}.chip.active .count{opacity:.75}.toggle-row{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.switch{flex:none;width:46px;height:27px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute}.switch .track{background:var(--line-2);transition:background .25s var(--ease);border-radius:999px;position:absolute;inset:0}.switch .thumb{width:21px;height:21px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #14161d33}.switch input:checked+.track{background:var(--iris)}.switch input:checked+.track+.thumb{transform:translate(19px)}.q-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.q-id{font-family:var(--display);color:var(--iris);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.lang-badge{font-family:var(--display);letter-spacing:.04em;color:var(--iris);background:var(--iris-soft);vertical-align:middle;border-radius:6px;margin-left:8px;padding:2px 6px;font-size:9.5px;font-weight:700}.q-counter{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.q-tools{align-items:center;gap:8px;display:flex}.q-tools .q-counter{margin-right:2px}.q-tool{cursor:pointer;background:var(--surface-2);border:1px solid var(--line);width:34px;height:34px;color:var(--ink-2);transition:all .18s var(--ease);border-radius:11px;flex:none;place-items:center;display:grid}.q-tool svg{width:18px;height:18px}.q-tool:hover{color:var(--ink);border-color:var(--line-2)}.q-tool:active{transform:scale(.9)}.q-tool.active{background:var(--iris-soft);color:var(--iris);border-color:#0000}.q-tool.saved{background:var(--iris);color:#fff;border-color:#0000}.q-stat-line{color:var(--ink-3);margin-top:8px;font-size:11.5px;font-weight:500}.q-text{font-family:var(--display);letter-spacing:-.02em;margin:6px 0 18px;font-size:20px;font-weight:700;line-height:1.35}.opt{text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);cursor:pointer;transition:border-color .18s, background .18s, transform .12s var(--ease);align-items:flex-start;gap:13px;padding:14px 15px;font-size:15px;font-weight:500;line-height:1.45;display:flex}.opt+.opt{margin-top:9px}.opt:hover:not(:disabled){border-color:var(--iris-2);background:var(--surface-2)}.opt:active:not(:disabled){transform:scale(.99)}.opt:disabled{cursor:default}.opt-key{font-family:var(--display);background:var(--surface-3);width:27px;height:27px;color:var(--ink-2);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:700;transition:all .18s;display:grid}.opt.correct{background:var(--mint-soft);border-color:var(--mint);animation:pop .4s var(--ease)}.opt.correct .opt-key{background:var(--mint);color:#fff}.opt.wrong{background:var(--coral-soft);border-color:var(--coral);animation:.32s shake}.opt.wrong .opt-key{background:var(--coral);color:#fff}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.018)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}60%{transform:translate(3px)}80%{transform:translate(-2px)}}.opt.dim{opacity:.5}.explain{background:var(--iris-soft);border-radius:var(--r-sm);color:var(--ink);margin-top:15px;padding:14px 16px;font-size:14px;line-height:1.5}.explain b{color:var(--iris);font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.note-box{margin-top:14px}.note-box label{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.note-box textarea{resize:vertical;background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--r-sm);width:100%;min-height:66px;color:var(--ink);font-family:var(--sans);padding:12px 13px;font-size:14.5px;line-height:1.5;transition:border-color .18s,background .18s}.note-box textarea:focus{border-color:var(--iris);background:var(--surface);outline:none}.q-figure{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;margin:0 0 16px;padding:12px}.q-figure img{border-radius:8px;max-width:100%;margin:0 auto;display:block}.q-figure figcaption{font-family:var(--display);color:var(--ink-3);text-align:right;margin-top:8px;font-size:10.5px;font-weight:600}.annex-missing{border:1px dashed var(--line-2);border-radius:var(--r-sm);color:var(--ink-2);margin:0 0 16px;padding:12px 14px;font-size:13px;font-weight:500}.exam-progress{gap:4px;margin-bottom:16px;display:flex}.exam-progress span{background:var(--surface-3);border-radius:3px;flex:1;height:5px;transition:background .3s}.exam-progress span.done{background:var(--grad-soft)}.exam-progress span.current{background:var(--ink)}.exam-nav{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.exam-nav button{width:37px;height:33px;font-family:var(--display);background:var(--surface);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:10px;font-size:13px;font-weight:600;transition:all .15s}.exam-nav button:hover{border-color:var(--line-2)}.exam-nav button.answered{background:var(--iris-soft);color:var(--iris);border-color:#0000}.exam-nav button.current{background:var(--ink);border-color:var(--ink);color:#fff}.verdict{text-align:center;padding:8px 0 4px}.verdict .badge{font-family:var(--display);letter-spacing:.02em;border-radius:999px;margin-top:12px;padding:9px 22px;font-size:14px;font-weight:800;display:inline-block}.verdict .badge.pass{background:var(--mint-soft);color:#0b7355}.verdict .badge.fail{background:var(--coral-soft);color:#c23b32}.verdict .meta{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-top:10px;font-size:13.5px;font-weight:500}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);text-align:right;border-bottom:1px solid var(--line);padding:8px;font-size:11px;font-weight:700}.table th:first-child,.table td:first-child{text-align:left}.table td{border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;padding:10px 8px;font-weight:500}.table td:first-child{font-weight:500}.table tr:last-child td{border-bottom:none}.table .pass{color:var(--mint);font-weight:700}.table .fail-c{color:var(--coral);font-weight:700}.table .row-done td{color:var(--ink-3)}.row-done-tag{font-family:var(--display);color:#0b7355;background:var(--mint-soft);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.mistake-item{padding:16px 18px}.mistake-item summary{cursor:pointer;align-items:baseline;gap:12px;list-style:none;display:flex}.mistake-item summary::-webkit-details-marker{display:none}.mistake-q{font-family:var(--display);letter-spacing:-.015em;flex:1;font-size:15px;font-weight:700;line-height:1.35}.mistake-body{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.mistake-correct{color:#0b7355;margin-bottom:6px;font-size:14px;font-weight:600}.tag{font-family:var(--display);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.tag.bad{color:var(--coral);background:var(--coral-soft);border-color:#f5685e4d}.empty{text-align:center;color:var(--ink-2);padding:40px 22px}.empty .big{margin-bottom:12px;font-size:40px}.tabbar{z-index:50;padding:0 16px calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{max-width:460px;height:var(--tabbar-h);-webkit-backdrop-filter:blur(20px)saturate(1.4);box-shadow:var(--sh-lg);pointer-events:auto;background:#ffffffd1;border:1px solid #ffffffb3;border-radius:22px;margin:0 auto;padding:8px;display:flex}.tab{cursor:pointer;color:var(--ink-3);font-family:var(--display);letter-spacing:-.01em;transition:color .2s var(--ease);z-index:1;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex;position:relative}.tab.active{color:var(--iris)}.tab svg{width:22px;height:22px}.tab-pill{z-index:0;background:var(--iris-soft);border-radius:15px;position:absolute;inset:0}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#281a0e59;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:640px;max-height:90dvh;padding:10px 20px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:var(--sh-lg);border-radius:28px 28px 0 0;overflow-y:auto}.modal-handle{background:var(--line-2);border-radius:3px;width:40px;height:5px;margin:8px auto 18px}.modal h2{font-family:var(--display);letter-spacing:-.02em;margin-bottom:20px;font-size:20px;font-weight:700}.field label{font-family:var(--display);color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.field input[type=url],.field input[type=text]{background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);font-family:var(--sans);padding:12px 13px;font-size:14px;transition:border-color .18s,background .18s}.field input:focus{border-color:var(--iris);background:var(--surface);outline:none}.field+.field{margin-top:18px}.hint{color:var(--ink-3);margin-top:8px;font-size:12.5px;line-height:1.5}.bank-line{color:var(--ink-2);margin-top:12px;font-size:12.5px;font-weight:500}.bank-line .ok{color:var(--mint);font-weight:600}.bank-line .err{color:var(--coral);font-weight:600}.stat-tiles{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-sm);padding:15px 16px}.stat-tile .v{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.stat-tile .k{color:var(--ink-2);margin-top:3px;font-size:11.5px;font-weight:500;line-height:1.3}.auth-screen{min-height:100dvh;padding:24px calc(24px + env(safe-area-inset-left,0px));justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:400px;box-shadow:var(--sh-lg);text-align:center;border-radius:28px;padding:34px 28px 28px}.auth-mark{background:var(--grad);color:#fff;border-radius:18px;place-items:center;width:60px;height:60px;margin:0 auto 20px;display:grid;box-shadow:0 10px 24px -8px #ef682099}.auth-mark svg{width:30px;height:30px}.auth-title{font-family:var(--display);letter-spacing:-.03em;font-size:26px;font-weight:800}.auth-subtitle{color:var(--ink-2);max-width:300px;margin:6px auto 26px;font-size:14px;line-height:1.45}.auth-form{text-align:left}.auth-field{margin-bottom:14px;display:block}.auth-field span{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);margin-bottom:7px;font-size:12px;font-weight:700;display:block}.auth-field input{background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);font-family:var(--sans);padding:13px 14px;font-size:15px;transition:border-color .18s,background .18s}.auth-field input:focus{border-color:var(--iris);background:var(--surface);outline:none}.auth-form .btn{margin-top:6px}.auth-error{background:var(--coral-soft);color:#c23b32;border-radius:var(--r-sm);margin-bottom:14px;padding:11px 14px;font-size:13.5px;font-weight:500}.auth-switch{color:var(--iris);font-family:var(--display);cursor:pointer;background:0 0;border:none;margin:18px auto 0;font-size:14px;font-weight:700;display:block}.auth-switch:hover{text-decoration:underline}.account-box{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;padding:15px 16px;display:flex}.account-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-size:11px;font-weight:700}.account-email{font-family:var(--display);letter-spacing:-.01em;word-break:break-all;margin:2px 0 6px;font-size:15px;font-weight:700}.sync-pill{color:var(--ink-2);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.sync-dot{background:var(--ink-3);border-radius:50%;width:7px;height:7px}.sync-ok .sync-dot{background:var(--mint)}.sync-syncing .sync-dot{background:var(--iris);animation:1.2s ease-in-out infinite pulse}.sync-offline .sync-dot,.sync-error .sync-dot{background:var(--coral)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.stagger>*{animation:rise .5s var(--ease) both}.stagger>:first-child{animation-delay:30ms}.stagger>:nth-child(2){animation-delay:70ms}.stagger>:nth-child(3){animation-delay:.11s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.19s}.stagger>:nth-child(6){animation-delay:.23s}.stagger>:nth-child(7){animation-delay:.27s}.stagger>:nth-child(8){animation-delay:.31s}.stagger>:nth-child(9){animation-delay:.35s}.stagger>:nth-child(n+10){animation-delay:.38s}:focus-visible{outline:2.5px solid var(--iris);outline-offset:2px}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=560px){body{font-size:16px}}@media (width>=640px) and (width<=899px){.app{max-width:720px}.stagger{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stagger .subject-card{margin:0}.stagger .subject-card+.subject-card{margin-top:0}.hero-grid{gap:30px}}.shell{min-height:100dvh;display:flex}.sidenav{width:258px;height:100dvh;padding:26px 18px calc(20px + env(safe-area-inset-bottom,0px));border-right:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;flex-direction:column;flex:none;align-self:flex-start;gap:8px;display:flex;position:sticky;top:0}.sidenav-brand{align-items:center;gap:12px;padding:4px 8px 20px;display:flex}.sidenav-brand h1{font-family:var(--display);letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:1.1}.sidenav-brand small{color:var(--ink-2);margin-top:1px;font-size:11.5px;font-weight:500;display:block}.sidenav-tabs{flex-direction:column;gap:4px;display:flex}.sidenav-settings{margin-top:auto}.sidetab{text-align:left;cursor:pointer;width:100%;color:var(--ink-2);font-family:var(--display);letter-spacing:-.01em;transition:color .2s var(--ease);background:0 0;border:none;border-radius:14px;padding:0;font-size:15px;font-weight:700;position:relative}.sidetab-inner{z-index:1;align-items:center;gap:13px;padding:13px 15px;display:flex;position:relative}.sidetab svg{width:21px;height:21px}.sidetab:hover{color:var(--ink)}.sidetab.active{color:var(--iris)}.sidetab-pill{z-index:0;background:var(--iris-soft);border-radius:14px;position:absolute;inset:0}.main{flex:1;justify-content:center;min-width:0;display:flex}.main-inner{width:100%;max-width:860px;padding:34px 32px 64px}@media (width>=900px){.stagger{grid-template-columns:1fr 1fr;gap:11px;display:grid}.stagger .subject-card{margin:0}.stagger .subject-card+.subject-card{margin-top:0}.section-title{margin-top:34px}.modal-backdrop{align-items:center}.modal{border-radius:24px;max-width:540px;max-height:86dvh;padding:10px 24px 26px}.modal-handle{display:none}}@media (width>=1200px){.main-inner{max-width:920px}}