:root{--paper:#eeeee6;--paper-2:#e3e5da;--surface:#f8f7f0;--surface-2:#f1f2e9;--ink:#29332e;--ink-2:#3b4740;--muted:#626c61;--faint:#6f7569;--line:#e3dccb;--line-soft:#eae4d5;--pine:#1f4b3f;--pine-2:#2c6153;--pine-soft:#e7efea;--clay:#b45a2c;--clay-soft:#f8e9de;--gold:#9c7718;--gold-soft:#f6edd4;--radius:18px;--radius-sm:12px;--shadow-sm:0 1px 2px #1a1b1d0d;--shadow:0 1px 2px #1a1b1d0a, 0 16px 36px -24px #1a1b1d61;--shadow-lift:0 2px 8px #1a1b1d0f, 0 30px 60px -34px #1a1b1d6b;--serif:"Songti SC", "STSong", "SimSun", "Noto Serif SC", Georgia, serif;--sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--ease:cubic-bezier(.22, .8, .28, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background-color:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(1200px 700px at 100% -10%,#1f4b3f0d 0%,#0000 60%),radial-gradient(900px 600px at -10% 100%,#b45a2c0b 0%,#0000 55%);background-attachment:fixed;font-size:14px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}input{font-family:inherit}::selection{background:#1f4b3f29}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid var(--paper);background:#d8d0bd;border-radius:99px}::-webkit-scrollbar-track{background:0 0}.app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:30;background:linear-gradient(#f8f5ed 0%,#f1ecdf 100%);flex-direction:column;flex:none;width:238px;height:100vh;padding:26px 16px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 8px 22px;display:flex}.brand-mark{background:var(--pine);color:#f3e9cf;width:38px;height:38px;font-family:var(--serif);border-radius:12px;flex:none;place-items:center;font-size:20px;font-weight:700;display:grid;box-shadow:0 8px 18px -12px #1f4b3fe6}.brand-text{flex-direction:column;line-height:1.25;display:flex}.brand-text strong{font-family:var(--serif);letter-spacing:.06em;font-size:19px}.brand-text small{letter-spacing:.13em;color:var(--faint);text-transform:uppercase;font-size:9.5px}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{height:42px;color:var(--ink-2);border-radius:11px;align-items:center;gap:11px;padding:0 12px;font-size:14px;font-weight:500;transition:background .16s,color .16s;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.nav-item:hover{background:#1f4b3f0f}}.nav-item.is-active{background:var(--surface);color:var(--pine);box-shadow:var(--shadow-sm), inset 0 0 0 1px #1f4b3f0f;font-weight:600}.nav-item.is-active:before{content:"";background:var(--pine);border-radius:0 3px 3px 0;width:3px;position:absolute;top:11px;bottom:11px;left:-16px}.nav-badge{background:var(--clay-soft);min-width:20px;height:19px;color:var(--clay);border-radius:999px;place-items:center;margin-left:auto;padding:0 5px;font-size:10.5px;font-weight:700;display:grid}.sidebar-foot{margin-top:auto;padding-top:16px}.track-card{border:1px solid var(--line);background:#fffcf5b3;border-radius:13px;align-items:center;gap:10px;padding:12px;transition:border-color .16s,transform .16s;display:flex}@media (hover:hover) and (pointer:fine){.track-card:hover{border-color:#cfc4a8;transform:translateY(-1px)}}.track-dot{border-radius:50%;flex:none;width:8px;height:8px}.track-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.track-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.track-text small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.sidebar-note{text-align:center;color:var(--faint);letter-spacing:.04em;margin-top:12px;font-size:10px}.content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#f4f1e9f5 55%,#f4f1e9b8 100%);justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 34px 16px;display:flex;position:sticky;top:0}.topbar-title h1{letter-spacing:.01em;font-size:25px;font-weight:700;line-height:1.2}.topbar-title p{color:var(--muted);margin-top:5px;font-size:12.5px}.topbar-actions{align-items:center;gap:9px;padding-bottom:2px;display:flex}.pill{background:var(--surface);border:1px solid var(--line);height:32px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex}.pill-streak{color:var(--clay);background:linear-gradient(#fdf1e8,#f9e8db);border-color:#efd7c4}.page{width:100%;max-width:1240px;animation:pageIn .42s var(--ease) both;margin:0 auto;padding:8px 34px 56px}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-stack{flex-direction:column;gap:18px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-sm)}.card-pad{padding:22px 24px}.section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.section-title{align-items:center;gap:9px;min-width:0;display:flex}.section-title h3{letter-spacing:.01em;white-space:nowrap;font-size:15px;font-weight:700}.section-hint{color:var(--faint);white-space:nowrap;font-size:12px}.section-icon{background:var(--pine-soft);width:27px;height:27px;color:var(--pine);border-radius:8px;flex:none;place-items:center;display:grid}.section-action{align-items:center;gap:8px;display:flex}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13.5px;font-weight:600;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s,color .16s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:var(--pine);color:#fbf7ea;box-shadow:0 12px 22px -16px #1f4b3ff2}@media (hover:hover) and (pointer:fine){.btn-primary:hover:not(:disabled){background:var(--pine-2);transform:translateY(-1px);box-shadow:0 16px 26px -16px #1f4b3fe6}}.btn-ghost{border-color:var(--line);color:var(--ink-2);background:0 0}@media (hover:hover) and (pointer:fine){.btn-ghost:hover:not(:disabled){background:var(--surface);border-color:#cfc4a8}}.btn-soft{background:var(--pine-soft);color:var(--pine)}@media (hover:hover) and (pointer:fine){.btn-soft:hover:not(:disabled){background:#dbe9e1}}.btn-quiet{color:var(--muted);background:0 0;padding:0 10px}@media (hover:hover) and (pointer:fine){.btn-quiet:hover:not(:disabled){color:var(--ink);background:#1a1b1d0a}}.btn-danger{color:#a2431f;background:#fbece6}@media (hover:hover) and (pointer:fine){.btn-danger:hover:not(:disabled){background:#f7ded4}}.btn-sm{border-radius:10px;height:33px;padding:0 12px;font-size:12.5px}.btn-lg{border-radius:14px;height:48px;padding:0 24px;font-size:14.5px}.btn-block{width:100%}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:0;font-size:12px;transition:color .15s;display:inline-flex}@media (hover:hover) and (pointer:fine){.link-btn:hover:not(:disabled){color:var(--pine)}}.link-btn:disabled{opacity:.4;cursor:default}.icon-btn{width:30px;height:30px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:background .15s,color .15s;display:grid}@media (hover:hover) and (pointer:fine){.icon-btn:hover{color:var(--ink);background:#1a1b1d0d}.icon-btn.danger:hover{background:var(--clay-soft);color:var(--clay)}}.muted-text{color:var(--muted);font-size:12.5px}.muted-text.small{color:var(--faint);font-size:11.5px}.ok-text{color:var(--pine);font-weight:700}input[type=text],input[type=date]{border:1px solid var(--line);background:var(--surface-2);width:100%;height:42px;color:var(--ink);border-radius:11px;padding:0 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}input[type=text]::placeholder{color:var(--faint)}input[type=text]:focus,input[type=date]:focus{border-color:var(--pine);background:var(--surface);outline:none;box-shadow:0 0 0 3px #1f4b3f1a}.ring{flex:none;place-items:center;display:inline-grid;position:relative}.ring svg{display:block}.ring-progress{transition:stroke-dashoffset .7s var(--ease)}.ring-body{text-align:center;place-content:center;justify-items:center;gap:2px;display:grid;position:absolute;inset:0}.ring-body strong{font-family:var(--serif);letter-spacing:-.01em;font-size:27px;font-weight:700;line-height:1.05}.ring-body span{color:var(--muted);letter-spacing:.01em;font-size:11px}.bar{background:var(--line-soft);border-radius:999px;width:100%;position:relative;overflow:hidden}.bar>span{background:var(--pine);height:100%;transition:width .5s var(--ease);border-radius:999px;display:block}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);padding:17px 19px}.stat-label{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.stat-value{align-items:baseline;gap:5px;margin-top:7px;display:flex}.stat-value strong{font-family:var(--serif);letter-spacing:-.01em;font-size:29px;font-weight:700;line-height:1}.stat-value em{color:var(--muted);font-size:11.5px;font-style:normal}.stat-hint{color:var(--faint);margin-top:8px;font-size:11px}.stat.tone-pine .stat-label{color:var(--pine)}.stat.tone-clay .stat-label{color:var(--clay)}.stat.tone-gold .stat-label{color:var(--gold)}.chip{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}@media (hover:hover) and (pointer:fine){.chip:hover{border-color:#cbbfa2}}.chip.is-active{background:var(--pine);border-color:var(--pine);color:#fbf7ea}.chip-count{opacity:.6;font-variant-numeric:tabular-nums;font-size:10.5px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--paper-2);height:22px;color:var(--muted);letter-spacing:.02em;white-space:nowrap;border-radius:6px;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.tag-pine{background:var(--pine-soft);color:var(--pine)}.tag-clay{background:var(--clay-soft);color:var(--clay)}.tag-gold{background:var(--gold-soft);color:var(--gold)}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:34px 20px;display:flex}.empty-icon{background:var(--paper-2);width:44px;height:44px;color:var(--muted);border-radius:14px;place-items:center;margin-bottom:2px;display:grid}.empty h4{font-size:13.5px;font-weight:600}.empty p{color:var(--muted);max-width:320px;font-size:12px;line-height:1.7}.empty-action{margin-top:8px}.hero{box-shadow:var(--shadow);background:radial-gradient(115% 150% at 100% 0,#ece5d2 0%,#ece5d200 55%),linear-gradient(135deg,#fdfaf1 0%,#f4edda 100%);border:1px solid #e5dcc6;border-radius:24px;justify-content:space-between;align-items:center;gap:30px;padding:34px 38px;display:flex;position:relative;overflow:hidden}.hero-body{z-index:1;min-width:0;position:relative}.hero-kicker{letter-spacing:.09em;color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;font-size:11.5px;font-weight:600;display:inline-flex}.dot{border-radius:50%;flex:none;width:7px;height:7px}.hero-title{letter-spacing:.005em;margin-top:16px;font-size:clamp(27px,2.9vw,38px);font-weight:700;line-height:1.34}.hero-greeting{letter-spacing:.08em;color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.hero-title em{font-family:var(--serif);color:var(--pine);letter-spacing:-.015em;margin:0 5px;font-size:1.42em;font-style:normal;font-weight:700}.hero-desc{max-width:520px;color:var(--ink-2);margin:14px 0 22px;font-size:13.5px;line-height:1.85}.hero-desc b{color:var(--pine);padding:0 1px;font-weight:700}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-side{z-index:1;flex:none;place-items:center;display:grid;position:relative}.hero-ornament{opacity:.55;pointer-events:none;background-image:radial-gradient(#1f4b3f29 1.2px,#0000 1.2px);background-size:13px 13px;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-110px;right:-70px}.dash-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.dash-col{flex-direction:column;gap:18px;min-width:0;display:flex}.task-list{flex-direction:column;display:flex}.task-item{border-radius:10px;align-items:center;gap:12px;padding:11px 8px;transition:background .15s;display:flex}@media (hover:hover) and (pointer:fine){.task-item:hover{background:var(--surface-2)}}.task-item.is-done .task-title{color:var(--faint);-webkit-text-decoration:line-through #cbc2ab;text-decoration:line-through #cbc2ab}.check{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #cec5ad;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;transition:all .16s;display:grid}@media (hover:hover) and (pointer:fine){.check:hover{border-color:var(--pine)}}.check.is-done{background:var(--pine);border-color:var(--pine)}.task-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.task-title{font-size:13.5px;line-height:1.5}.task-progress{color:var(--faint);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:11px;display:flex}.task-progress-bar{background:var(--line-soft);border-radius:99px;width:84px;height:4px;overflow:hidden}.task-progress-bar i{background:var(--gold);border-radius:99px;height:100%;display:block}.subject-list{flex-direction:column;gap:14px;display:flex}.subject-line{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;display:flex}.subject-name{font-size:13px;font-weight:500}.subject-meta{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px}.subject-meta b{color:var(--ink)}.subject-bar{background:var(--line-soft);border-radius:99px;height:6px;overflow:hidden}.subject-bar i{height:100%;transition:width .6s var(--ease);border-radius:99px;display:block}.subject-list.big{gap:18px}.streak-block{align-items:center;gap:12px;padding:2px 0 14px;display:flex}.flame{color:var(--clay)}.streak-block div{align-items:baseline;gap:6px;display:flex}.streak-block strong{font-family:var(--serif);font-size:30px;line-height:1}.streak-block span{color:var(--muted);font-size:11.5px}.cta-desc{color:var(--ink-2);margin-bottom:16px;font-size:12.5px;line-height:1.8}.cta-desc b{color:var(--pine)}.quote-card{background:linear-gradient(165deg,#f9f6ec 0%,#f3ecdd 100%);border-color:#e5dcc6;padding:24px 24px 22px;position:relative}.quote-icon{color:var(--gold);opacity:.9}.quote-text{font-family:var(--serif);color:var(--ink);margin-top:10px;font-size:16px;line-height:1.95}.quote-from{color:var(--muted);text-align:right;margin-top:10px;font-size:11.5px}.quote-card.small .quote-text{font-size:14px}.practice-setup{grid-template-columns:minmax(0,1fr) 318px;align-items:start;gap:18px;display:grid}.setup-main{padding:26px 28px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode-card{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 17px;transition:all .16s;display:flex}@media (hover:hover) and (pointer:fine){.mode-card:hover{border-color:#cbbfa2;transform:translateY(-1px)}}.mode-card strong{font-size:14px;font-weight:600}.mode-card small{color:var(--muted);font-size:11.5px;line-height:1.65}.mode-card.is-active{border-color:var(--pine);background:var(--pine-soft)}.mode-icon{background:var(--paper-2);width:34px;height:34px;color:var(--pine);border-radius:10px;place-items:center;margin-bottom:5px;display:grid}.mode-card.is-active .mode-icon{background:var(--pine);color:#f3e9cf}.setup-block{margin-top:24px}.setup-label{color:var(--muted);letter-spacing:.05em;margin-bottom:10px;font-size:12px;font-weight:600}.setup-foot{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:20px;display:flex}.setup-available{color:var(--muted);font-size:12px}.setup-available b{color:var(--pine);font-size:15px;font-family:var(--serif)}.setup-side{flex-direction:column;gap:18px;display:flex}.setup-ring{place-items:center;padding:4px 0 10px;display:grid}.setup-note{color:var(--muted);text-align:center;font-size:12px;line-height:1.7}.mini-bars{flex-direction:column;gap:11px;display:flex}.mini-bars li{color:var(--ink-2);grid-template-columns:44px 1fr 36px;align-items:center;gap:10px;font-size:11.5px;display:grid}.mini-bar{background:var(--line-soft);border-radius:99px;height:5px;overflow:hidden}.mini-bar i{border-radius:99px;height:100%;display:block}.mini-bars b{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.hint-card{background:linear-gradient(160deg,#fdfaf1,#f4eddd)}.hint-text{color:var(--ink-2);font-size:12.5px;line-height:1.85}.quiz{flex-direction:column;gap:16px;width:100%;max-width:880px;margin:0 auto;display:flex}.quiz-bar{align-items:center;gap:16px;display:flex}.quiz-progress{background:var(--line-soft);border-radius:99px;flex:1;height:6px;overflow:hidden}.quiz-progress span{background:linear-gradient(90deg, var(--pine), var(--pine-2));height:100%;transition:width .4s var(--ease);border-radius:99px;display:block}.quiz-count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.quiz-card{box-shadow:var(--shadow);padding:28px 32px 24px}.quiz-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.star-btn{width:32px;height:32px;color:var(--faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;margin-left:auto;transition:all .15s;display:grid}@media (hover:hover) and (pointer:fine){.star-btn:hover{background:var(--gold-soft);color:var(--gold)}}.star-btn.is-on{color:var(--gold)}.quiz-stem{white-space:pre-line;letter-spacing:.005em;margin-top:18px;font-size:16.5px;font-weight:500;line-height:1.9}.options{flex-direction:column;gap:10px;margin-top:22px;display:flex}.option{border:1.5px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:13px;align-items:center;gap:14px;width:100%;padding:13px 16px;font-size:14px;line-height:1.65;transition:all .16s;display:flex}@media (hover:hover) and (pointer:fine){.option:hover:not(:disabled){background:var(--surface-2);border-color:#c9bd9f;transform:translate(2px)}}.option:disabled{cursor:default}.option-key{background:var(--paper-2);width:26px;height:26px;color:var(--muted);border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.option-text{flex:1}.option.is-correct{border-color:var(--pine);background:var(--pine-soft)}.option.is-correct .option-key{background:var(--pine);color:#fff}.option.is-wrong{border-color:var(--clay);background:var(--clay-soft)}.option.is-wrong .option-key{background:var(--clay);color:#fff}.option.is-dim{opacity:.5}.analysis{animation:fadeUp .3s var(--ease) both;border:1px solid;border-radius:14px;margin-top:20px;padding:15px 18px;font-size:13px;line-height:1.9}.analysis.ok{background:var(--pine-soft);border-color:#cfe0d6}.analysis.bad{background:var(--clay-soft);border-color:#eed6c4}.analysis-head{align-items:center;gap:7px;margin-bottom:5px;font-size:12.5px;font-weight:700;display:flex}.analysis.ok .analysis-head{color:var(--pine)}.analysis.bad .analysis-head{color:var(--clay)}.analysis p{color:var(--ink-2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.quiz-foot{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.quiz-tip{color:var(--faint);letter-spacing:.02em;font-size:11px}.result-card{padding:30px 34px}.result-head{flex-wrap:wrap;align-items:center;gap:34px;display:flex}.result-summary{flex:1;min-width:260px}.result-summary h2{margin-top:10px;font-size:23px;font-weight:700}.result-summary p{color:var(--muted);max-width:520px;margin-top:8px;font-size:13px;line-height:1.8}.result-stats{gap:30px;margin-top:20px;display:flex}.result-stats div{flex-direction:column;gap:2px;display:flex}.result-stats strong{font-family:var(--serif);font-size:22px;font-weight:700;line-height:1.1}.result-stats span{color:var(--faint);font-size:11px}.result-actions{border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:10px;margin-top:26px;padding-top:22px;display:flex}.review-list{flex-direction:column;gap:14px;display:flex}.review-item{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.review-tags{gap:7px;margin-bottom:9px;display:flex}.review-stem{white-space:pre-line;font-size:13.5px;line-height:1.75}.review-answer{color:var(--pine);margin-top:8px;font-size:12.5px;font-weight:600}.review-analysis{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.8}.mistake-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.msum{flex-direction:column;gap:5px;padding:18px 20px;display:flex}.msum-label{color:var(--muted);font-size:12px}.msum strong{font-family:var(--serif);font-size:34px;font-weight:700;line-height:1.15}.msum-foot{color:var(--faint);font-size:11px}.msum.primary{color:#f4efdf;background:linear-gradient(150deg,#1f4b3f 0%,#2c6153 100%);border-color:#0000}.msum.primary .msum-label,.msum.primary .msum-foot{color:#f4efdfb8}.msum.action{background:var(--surface-2);justify-content:center;gap:10px}.msum.action .msum-foot{text-align:center}.filter-row{margin-bottom:18px}.mistake-list{flex-direction:column;gap:12px;display:flex}.mistake-item{border:1px solid var(--line);background:var(--surface-2);border-radius:15px;padding:16px 18px;transition:border-color .16s}@media (hover:hover) and (pointer:fine){.mistake-item:hover{border-color:#d6cbaf}}.mistake-tags{flex-wrap:wrap;gap:7px;display:flex}.mistake-stem{white-space:pre-line;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:11px 0 8px;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}.mistake-answer{color:var(--pine);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.mistake-foot{border-top:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.mistake-time{color:var(--faint);font-size:11px}.mistake-actions{gap:8px;display:flex}.plan-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.plan-grid.two{align-items:start}.plan-countdown{background:radial-gradient(110% 140% at 100% 0,#ece5d2 0%,#0000 60%),linear-gradient(135deg,#fdfaf1 0%,#f4edda 100%);border-color:#e5dcc6;justify-content:space-between;align-items:center;gap:26px;padding:28px 32px;display:flex}.countdown-body{flex:1;min-width:0}.countdown-number{align-items:baseline;gap:8px;margin:12px 0 4px;display:flex}.countdown-number em{font-family:var(--serif);color:var(--pine);letter-spacing:-.02em;font-size:58px;font-style:normal;font-weight:700;line-height:1}.countdown-number span{color:var(--muted);font-size:14px}.countdown-desc{color:var(--muted);font-size:12.5px}.countdown-form{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;margin-top:20px;display:grid}.countdown-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:11px;display:flex}.countdown-form input{background:#fffcf5cc}.plan-advice{padding:24px 26px}.advice-list{flex-direction:column;gap:16px;display:flex}.advice-list li{gap:11px;display:flex}.advice-icon{background:var(--paper-2);width:30px;height:30px;color:var(--muted);border-radius:9px;flex:none;place-items:center;display:grid}.adv-alert{background:var(--clay-soft);color:var(--clay)}.adv-target{background:var(--gold-soft);color:var(--gold)}.adv-sparkles,.adv-cards{background:var(--pine-soft);color:var(--pine)}.advice-list strong{font-size:12.8px;font-weight:600;line-height:1.5;display:block}.advice-list p{color:var(--muted);margin-top:3px;font-size:11.5px;line-height:1.7}.advice-actions{border-top:1px dashed var(--line);gap:8px;margin-top:18px;padding-top:16px;display:flex}.task-add{border-top:1px solid var(--line-soft);gap:10px;margin-top:16px;padding-top:16px;display:flex}.goal-block{flex-direction:column;gap:14px;display:flex}.goal-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.goal-label{color:var(--ink-2);align-items:center;gap:8px;font-size:12.5px;display:flex}.stepper{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.stepper button{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:15px;transition:background .15s,color .15s}@media (hover:hover) and (pointer:fine){.stepper button:hover{background:var(--surface);color:var(--pine)}}.stepper b{text-align:center;font-variant-numeric:tabular-nums;min-width:56px;font-size:12.5px}.goal-progress{border-top:1px solid var(--line-soft);flex-direction:column;gap:12px;margin-top:20px;padding-top:18px;display:flex}.goal-progress-row{color:var(--muted);grid-template-columns:62px 1fr 54px;align-items:center;gap:10px;font-size:11.5px;display:grid}.goal-progress-row b{text-align:right;color:var(--ink-2);font-variant-numeric:tabular-nums}.plan-tip{border-top:1px dashed var(--line);align-items:center;gap:9px;margin-top:18px;padding-top:16px;display:flex}.plan-tip p{color:var(--muted);font-size:11.5px}.stats-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.stats-grid.even{grid-template-columns:1fr 1fr}.trend{width:100%}.trend-svg{width:100%;height:auto;display:block;overflow:visible}.trend-axis{margin-top:4px;display:flex}.trend-axis span{text-align:center;min-width:0;color:var(--faint);opacity:0;font-variant-numeric:tabular-nums;flex:1;font-size:9.5px}.trend-axis span.on{opacity:1}.trend-foot{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.heatmap{flex-direction:column;align-items:center;gap:12px;display:flex}.heatmap-grid{grid-template-rows:repeat(7,18px);grid-auto-columns:18px;grid-auto-flow:column;gap:3px;margin:0 auto;display:grid}.heatmap.is-compact .heatmap-grid{grid-template-rows:repeat(7,13px);grid-auto-columns:13px;gap:3px}.hm{background:#ece6d7;border-radius:3px;display:block}i.hm{border-radius:2px;width:10px;height:10px}.level-0{background:#ece6d7}.level-1{background:#cfdfd4}.level-2{background:#a3c2af}.level-3{background:#5c8d74}.level-4{background:#1f4b3f}.heatmap-foot{justify-content:center;align-items:center;gap:14px;display:flex}.heatmap-caption{color:var(--faint);font-size:10.5px}.heatmap-legend{align-items:center;gap:3px;display:flex}.heatmap-legend em{color:var(--faint);margin:0 3px;font-size:9.5px;font-style:normal}.topic-list{flex-direction:column;gap:4px;display:flex}.topic-list li{align-items:center;gap:11px;padding:9px 4px;display:flex}.topic-rank{background:var(--paper-2);width:20px;height:20px;color:var(--muted);border-radius:6px;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid}.topic-list li:first-child .topic-rank{background:var(--clay-soft);color:var(--clay)}.topic-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.topic-main strong{font-size:12.5px;font-weight:600}.topic-main span{color:var(--faint);font-size:10.5px}.week-list{flex-direction:column;gap:9px;display:flex}.week-row{color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:42px 1fr 44px 38px;align-items:center;gap:10px;font-size:11px;display:grid}.week-track{background:var(--line-soft);border-radius:99px;height:6px;overflow:hidden}.week-track span{background:var(--pine);opacity:.75;border-radius:99px;height:100%;display:block}.week-num{text-align:right;color:var(--ink-2)}.week-rate{text-align:right;color:var(--faint)}.track-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.track-option{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:15px;flex-direction:column;align-items:flex-start;gap:5px;padding:18px;transition:all .16s;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.track-option:hover{border-color:var(--tc);transform:translateY(-1px)}}.track-option.is-active{border-color:var(--tc);background:var(--ts)}.track-option-dot{background:var(--tc);border-radius:50%;width:9px;height:9px;margin-bottom:4px}.track-option strong{font-size:14px;font-weight:600}.track-option small{color:var(--muted);font-size:11.5px}.track-option-meta{color:var(--faint);margin-top:6px;font-size:10.5px}.track-option-check{background:var(--tc);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:14px;right:14px}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.field label{color:var(--muted);letter-spacing:.03em;font-size:11.5px}.settings-note{color:var(--muted);margin-bottom:16px;font-size:12px;line-height:1.8}.settings-actions{flex-wrap:wrap;gap:9px;margin-bottom:10px;display:flex}.storage-meter{background:var(--paper-2);border:1px solid var(--line-soft);border-radius:11px;margin-bottom:16px;padding:13px 15px}.storage-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:11.5px;display:flex}.storage-head b{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600}.storage-bar{background:var(--line-soft);border-radius:99px;height:5px;margin:9px 0 8px;overflow:hidden}.storage-bar i{background:var(--pine);height:100%;transition:width .4s var(--ease);border-radius:99px;display:block}.storage-meter.is-warm .storage-bar i{background:var(--gold)}.storage-meter.is-full .storage-bar i{background:var(--clay)}.storage-note{color:var(--faint);font-size:11px;line-height:1.75}.storage-meter.is-full .storage-note{color:var(--clay)}.about-card{background:linear-gradient(160deg,#fdfaf1,#f4eddd);flex-direction:column;gap:14px;padding:24px 26px;display:flex}.about-brand{align-items:center;gap:13px;display:flex}.about-brand strong{font-family:var(--serif);letter-spacing:.04em;font-size:17px}.about-brand p{color:var(--muted);margin-top:2px;font-size:11.5px}.about-tags{flex-wrap:wrap;gap:7px;display:flex}.about-text{color:var(--ink-2);max-width:720px;font-size:12px;line-height:1.85}.about-links{border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:14px;padding-top:12px;display:flex}.privacy-standalone{flex-direction:column;gap:18px;max-width:980px;margin:0 auto;padding:40px 28px 72px;display:flex}.privacy-topbar{align-items:center;gap:14px;padding-bottom:4px;display:flex}.privacy-hero{background:radial-gradient(120% 150% at 100% 0,#e9e2cf 0%,#0000 58%),linear-gradient(135deg,#fdfaf1 0%,#f4edda 100%);border-color:#e5dcc6;padding:32px 36px}.privacy-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-size:10.5px}.privacy-title{max-width:720px;margin:12px 0 14px;font-size:clamp(20px,2.2vw,27px);font-weight:700;line-height:1.5}.privacy-title em{font-family:var(--serif);color:var(--pine);margin:0 3px;font-style:normal}.privacy-desc{max-width:680px;color:var(--ink-2);margin-bottom:20px;font-size:13px;line-height:1.9}.privacy-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.privacy-grid>*,.privacy-standalone>*{min-width:0}.privacy-standalone{width:100%;overflow-x:clip}.privacy-text{color:var(--ink-2);font-size:12.5px;line-height:1.95}.privacy-facts{flex-direction:column;margin:4px 0 16px;display:flex}.privacy-facts li{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 2px;font-size:12.5px;display:flex}.privacy-facts li:last-child{border-bottom:0}.privacy-facts span{color:var(--muted)}.privacy-facts b{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.privacy-actions{margin-top:16px}.welcome{background:radial-gradient(900px 620px at 12% 8%, #efe6d2 0%, transparent 58%), radial-gradient(820px 640px at 88% 92%, #e2ece6 0%, transparent 55%), var(--paper);place-items:center;min-height:100vh;padding:44px 32px;display:grid;position:relative;overflow:hidden}.welcome-glow{opacity:.6;pointer-events:none;background-image:radial-gradient(#1f4b3f21 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(600px 400px at 80% 20%,#000 0%,#0000 75%);mask-image:radial-gradient(600px 400px at 80% 20%,#000 0%,#0000 75%)}.welcome-inner{grid-template-columns:1.12fr .88fr;align-items:center;gap:56px;width:100%;max-width:1120px;display:grid;position:relative}.welcome-brand{align-items:center;gap:12px;display:flex}.welcome-brand .brand-mark{width:42px;height:42px;font-size:22px}.welcome-brand strong{font-family:var(--serif);letter-spacing:.1em;font-size:20px;display:block}.welcome-brand small{letter-spacing:.24em;color:var(--faint);font-size:9px}.welcome h1{letter-spacing:.01em;margin:30px 0 18px;font-size:clamp(30px,3.5vw,44px);font-weight:700;line-height:1.36}.welcome-sub{color:var(--ink-2);max-width:520px;font-size:13.5px;line-height:2}.welcome-features{flex-direction:column;gap:16px;max-width:520px;margin-top:32px;display:flex}.welcome-features li{gap:13px;display:flex}.wf-icon{border:1px solid var(--line);width:34px;height:34px;color:var(--pine);background:#fffcf5d9;border-radius:10px;flex:none;place-items:center;display:grid}.welcome-features strong{font-size:13px;font-weight:600;display:block}.welcome-features p{color:var(--muted);margin-top:3px;font-size:11.5px;line-height:1.75}.welcome-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lift);border-radius:24px;padding:32px}.welcome-card h2{font-size:19px;font-weight:700}.welcome-card-sub{color:var(--muted);margin-top:6px;font-size:11.5px}.welcome-tracks{grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0 22px;display:grid}.welcome-track{border:1.5px solid var(--line);background:var(--surface-2);cursor:pointer;text-align:left;border-radius:13px;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 12px;transition:all .16s;display:flex}@media (hover:hover) and (pointer:fine){.welcome-track:hover{border-color:#cbbfa2}}.welcome-track.is-active{border-color:var(--pine);background:var(--pine-soft)}.wt-dot{border-radius:50%;width:7px;height:7px;margin-bottom:3px}.welcome-track strong{font-size:13.5px}.welcome-track small{color:var(--muted);font-size:10px;line-height:1.5}.welcome-field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.welcome-field span{color:var(--muted);font-size:11.5px}.welcome-card .btn-block{margin-top:8px}.welcome-foot{text-align:center;color:var(--faint);letter-spacing:.03em;margin-top:14px;font-size:10.5px}.welcome-link{color:var(--pine);font-size:inherit;letter-spacing:inherit;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}@media (hover:hover) and (pointer:fine){.welcome-link:hover{-webkit-text-decoration-color:var(--pine);text-decoration-color:var(--pine)}}.dropzone{border-radius:var(--radius);background:linear-gradient(160deg, var(--surface) 0%, var(--surface-2) 100%);border:1.5px dashed #d6cbb1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.dropzone.is-drag{border-color:var(--pine);background:var(--pine-soft);box-shadow:0 0 0 4px #1f4b3f14}.dropzone-main{flex:1;align-items:flex-start;gap:14px;min-width:260px;display:flex}.dropzone-icon{background:var(--pine);color:#fbf7ea;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.dropzone-main h3{letter-spacing:.01em;margin-bottom:5px;font-size:15px;font-weight:700}.dropzone-main p{color:var(--muted);max-width:620px;font-size:12.5px;line-height:1.75}.dropzone-actions{flex:none;align-items:center;gap:10px;display:flex}.dropzone-actions label.btn{cursor:pointer}.upload-list{flex-direction:column;gap:8px;display:flex}.upload-list li{border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;display:flex}.upload-state{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.upload-state.parsing{background:var(--paper-2);color:var(--muted);animation:1.6s linear infinite spin}.upload-state.done{background:var(--pine-soft);color:var(--pine)}.upload-state.error{background:var(--clay-soft);color:var(--clay)}@keyframes spin{to{transform:rotate(360deg)}}.upload-state.skip{background:var(--gold-soft);color:var(--gold)}.upload-name{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;max-width:42%;font-weight:600;overflow:hidden}.upload-msg{color:var(--muted);margin-left:auto;font-size:11.5px}.doc-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.doc-search{border:1px solid var(--line);background:var(--surface-2);height:34px;color:var(--faint);border-radius:9px;flex:1;align-items:center;gap:7px;min-width:190px;max-width:300px;padding:0 10px;display:flex}.doc-search input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:12.5px}.doc-search button{width:18px;height:18px;color:var(--faint);cursor:pointer;border-radius:5px;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.doc-search button:hover{background:var(--paper-2);color:var(--ink)}}.doc-toolbar .chip-row{gap:6px}.doc-toolbar .chip{height:30px;padding:0 12px;font-size:12px}.doc-snippet{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.6;display:-webkit-box;overflow:hidden}.doc-snippet em{background:var(--gold-soft);color:var(--gold);border-radius:3px;padding:0 2px;font-style:normal}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:14px;display:grid}.doc-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);transition:transform .18s var(--ease), box-shadow .18s, border-color .18s;position:relative}@media (hover:hover) and (pointer:fine){.doc-card:hover{box-shadow:var(--shadow);border-color:#d5c9ae;transform:translateY(-2px)}}.doc-open{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:16px 16px 14px;display:flex}.doc-format{letter-spacing:.05em;background:var(--paper-2);height:20px;color:var(--muted);border-radius:5px;align-items:center;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.doc-format.f-pdf{background:var(--clay-soft);color:var(--clay)}.doc-format.f-docx{color:#33557f;background:#e7edf6}.doc-format.f-txt,.doc-format.f-md{background:var(--pine-soft);color:var(--pine)}.doc-format.f-html{background:var(--gold-soft);color:var(--gold)}.doc-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.doc-tags{flex-wrap:wrap;gap:5px;display:flex}.doc-meta{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px}.doc-badges{color:var(--gold);gap:10px;font-size:10.5px;display:flex}.doc-badges span{align-items:center;gap:3px;display:inline-flex}.doc-actions{opacity:0;gap:2px;transition:opacity .16s;display:flex;position:absolute;top:10px;right:10px}@media (hover:hover) and (pointer:fine){.doc-card:hover .doc-actions{opacity:1}}.doc-actions:focus-within{opacity:1}.icon-btn.is-fav{color:var(--gold)}.reader{flex-direction:column;gap:14px;display:flex}.reader-top{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 16px;display:flex}.reader-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.reader-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;overflow:hidden}.reader-title span{color:var(--faint);font-size:11px}.reader-tools{align-items:center;gap:8px;display:flex}.reader-search{border:1px solid var(--line);background:var(--surface-2);height:34px;color:var(--faint);border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:flex}.reader-search input{width:128px;color:var(--ink);background:0 0;border:none;outline:none;font-size:12px}.search-count{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:10.5px;display:inline-flex}.search-count button{width:18px;height:18px;color:var(--muted);cursor:pointer;border-radius:5px;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.search-count button:hover{background:var(--paper-2);color:var(--ink)}}.font-scaler{border:1px solid var(--line);border-radius:9px;display:flex;overflow:hidden}.font-scaler button{width:32px;height:34px;color:var(--muted);cursor:pointer;background:var(--surface-2);font-size:11.5px;font-weight:600}.font-scaler button+button{border-left:1px solid var(--line)}@media (hover:hover) and (pointer:fine){.font-scaler button:hover{background:var(--paper-2);color:var(--ink)}}.reader-body{grid-template-columns:232px minmax(0,1fr);align-items:start;gap:14px;display:grid}.reader-side{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:12px;max-height:calc(100vh - 140px);padding:14px;display:flex;position:sticky;top:12px;overflow:hidden}.reader-tabs{background:var(--paper-2);border-radius:9px;gap:2px;padding:3px;display:flex}.reader-tabs button{height:28px;color:var(--muted);cursor:pointer;border-radius:7px;flex:1;font-size:11.5px;font-weight:600;transition:all .15s}.reader-tabs button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.toc-list{flex-direction:column;gap:2px;padding-right:2px;display:flex;overflow-y:auto}.toc-list button{text-align:left;width:100%;color:var(--ink-2);cursor:pointer;border-radius:8px;align-items:flex-start;gap:7px;padding:8px 9px;font-size:12px;line-height:1.55;transition:background .14s,color .14s;display:flex}@media (hover:hover) and (pointer:fine){.toc-list button:hover{background:var(--surface-2)}}.toc-list button.is-active{background:var(--pine-soft);color:var(--pine);font-weight:600}.toc-list em{color:var(--faint);font-variant-numeric:tabular-nums;padding-top:2px;font-size:10px;font-style:normal}.toc-list button.is-active em{color:var(--pine-2)}.toc-list button span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.marks,.notes{flex-direction:column;gap:10px;padding-right:2px;display:flex;overflow-y:auto}.marks ul,.notes ul{flex-direction:column;gap:8px;display:flex}.marks li,.notes li{background:var(--surface-2);border-left:2.5px solid var(--gold);border-radius:9px;padding:10px 11px}.notes li{border-left-color:var(--pine)}.marks li p,.notes li p{color:var(--ink-2);font-size:11.5px;line-height:1.65}.mark-note{color:var(--gold);margin-top:5px;font-size:11px;display:block}.mark-foot{color:var(--faint);justify-content:space-between;align-items:center;margin-top:6px;font-size:10px;display:flex}.side-empty{color:var(--faint);padding:10px 4px;font-size:11.5px;line-height:1.7}.note-add{flex-direction:column;gap:6px;display:flex}.note-add textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);resize:vertical;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:11.5px;line-height:1.65}.note-add textarea:focus{border-color:var(--pine-2);background:var(--surface)}.reader-paper{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);min-height:460px;box-shadow:var(--shadow);flex-direction:column;padding:30px 38px 20px;display:flex}.paper-head{border-bottom:1px solid var(--line-soft);margin-bottom:18px;padding-bottom:16px}.paper-head h2{font-family:var(--serif);letter-spacing:.01em;margin:10px 0 6px;font-size:20px;font-weight:700;line-height:1.45}.paper-head p{color:var(--faint);font-size:11px}.paper-text{color:var(--ink-2);letter-spacing:.012em;flex:1;line-height:1.95}.paper-text p{margin-bottom:14px}.paper-text p.is-marked{background:var(--gold-soft);box-shadow:inset 2.5px 0 0 var(--gold);border-radius:5px;margin-left:-8px;padding:2px 8px}.paper-text ::selection{background:#9c771842}.paper-foot{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:16px;display:flex}.paper-progress{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px}.selection-bar{z-index:150;color:#f6f1e2;max-width:calc(100vw - 40px);animation:toastIn .24s var(--ease) both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1b1df2;border-radius:14px;align-items:center;gap:14px;padding:9px 10px 9px 16px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 18px 44px -20px #000000b8}.selection-text{text-overflow:ellipsis;white-space:nowrap;opacity:.82;max-width:320px;font-size:12px;overflow:hidden}.selection-actions{align-items:center;gap:6px;display:flex}.selection-actions .btn{border-radius:9px;height:32px;padding:0 12px;font-size:12px}.selection-actions .btn-primary{background:var(--gold);color:#1c1508}.selection-actions .btn-soft{color:#f6f1e2;background:#ffffff24}.selection-actions .btn-ghost{color:#f6f1e2d1}@media (hover:hover) and (pointer:fine){.selection-actions .btn-ghost:hover{color:#f6f1e2;background:#ffffff1f}}.selection-actions .icon-btn{color:#f6f1e299}@media (hover:hover) and (pointer:fine){.selection-actions .icon-btn:hover{color:#f6f1e2;background:#ffffff1f}}.recent-docs{flex-direction:column;gap:2px;display:flex}.recent-docs button{text-align:left;cursor:pointer;border-radius:9px;align-items:center;gap:10px;width:100%;margin:0 -8px;padding:9px 8px;transition:background .15s;display:flex}@media (hover:hover) and (pointer:fine){.recent-docs button:hover{background:var(--surface-2)}}.recent-doc-title{min-width:0;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.recent-doc-meta{color:var(--faint);flex:none;font-size:10.5px}.flow-screen{background-color:var(--paper);animation:flowIn .3s var(--ease) both;background-image:radial-gradient(760px 520px at 50% -12%,#1f4b3f12 0%,#0000 62%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes flowIn{0%{opacity:0}to{opacity:1}}.flow-top{padding:14px 18px calc(14px + env(safe-area-inset-top));flex:none;align-items:center;gap:14px;width:100%;max-width:720px;margin:0 auto;display:flex}.flow-close{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:color .15s,border-color .15s;display:grid}@media (hover:hover) and (pointer:fine){.flow-close:hover{color:var(--ink);border-color:var(--faint)}}.flow-progress{background:var(--line-soft);border-radius:999px;flex:1;height:4px;overflow:hidden}.flow-progress span{background:var(--pine);height:100%;transition:width .32s var(--ease);border-radius:999px;display:block}.flow-count{font-variant-numeric:tabular-nums;color:var(--faint);letter-spacing:.03em;flex:none;font-size:11.5px}.flow-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:4px 22px 18px;display:flex}.flow-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:640px;max-height:100%;animation:cardIn .34s var(--ease) both;border-radius:22px;flex-direction:column;padding:30px 34px 26px;display:flex;box-shadow:0 1px 2px #1a1b1d0a,0 28px 64px -38px #1a1b1d80}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.flow-source{border-bottom:1px solid var(--line-soft);flex-direction:column;flex:none;gap:3px;margin-bottom:18px;padding-bottom:16px;display:flex}.flow-source-title{letter-spacing:.04em;color:var(--pine);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.flow-source-meta{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.flow-text{min-height:0;font-family:var(--sans);letter-spacing:.025em;color:var(--ink-2);overscroll-behavior:contain;flex:1;font-size:20px;line-height:2;overflow-y:auto}.flow-blank{color:#0000;text-align:center;vertical-align:baseline;transition:color .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease);background:#e7ecdf;border:1px solid #a6b8a9;border-bottom:2px solid #6f8b76;border-radius:7px;margin:0 2px;padding:0 6px 1px;font-weight:700;display:inline-block}.flow-card.is-revealed .flow-blank{color:var(--pine);background:var(--pine-soft);border-color:#96b5a0}.flow-hint{border-top:1px dashed var(--line);color:var(--faint);flex:none;margin-top:16px;padding-top:14px;font-size:11.5px;line-height:1.7}.flow-actions{width:100%;max-width:720px;padding:0 18px calc(18px + env(safe-area-inset-bottom));flex-direction:column;flex:none;gap:9px;margin:0 auto;display:flex}.flow-main-btn{background:var(--pine);color:#f7f3e8;letter-spacing:.03em;cursor:pointer;height:52px;transition:transform .14s var(--ease), background .15s;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:14.5px;font-weight:600;display:flex;box-shadow:0 14px 30px -18px #1f4b3fe6}@media (hover:hover) and (pointer:fine){.flow-main-btn:hover{background:var(--pine-2)}}.flow-main-btn:active{transform:scale(.985)}.flow-grades{grid-template-columns:1fr 1fr;gap:10px;display:grid}.flow-grade{border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .15s, background .15s, transform .14s var(--ease);border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:12px 10px 11px;display:flex;position:relative}.flow-grade:active{transform:scale(.985)}.flow-grade b{letter-spacing:.02em;font-size:14px;font-weight:700}.flow-grade small{color:var(--faint);font-size:10.5px}.flow-grade-key{font-variant-numeric:tabular-nums;color:var(--faint);opacity:.7;font-size:9.5px;position:absolute;top:7px;right:9px}.flow-grade.fail b{color:var(--clay)}@media (hover:hover) and (pointer:fine){.flow-grade.fail:hover{border-color:var(--clay);background:var(--clay-soft)}}.flow-grade.ok b{color:var(--pine)}@media (hover:hover) and (pointer:fine){.flow-grade.ok:hover{border-color:var(--pine-2);background:var(--pine-soft)}}.flow-skip{color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:999px;align-self:center;padding:7px 14px;font-size:11.5px;transition:color .15s,background .15s}@media (hover:hover) and (pointer:fine){.flow-skip:hover{color:var(--muted);background:var(--paper-2)}}.flow-loading,.flow-empty,.flow-done{padding:40px 28px calc(40px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;max-width:480px;margin:0 auto;display:flex}.flow-loading p{color:var(--ink-2);margin-top:6px;font-size:13px}.flow-loading small{color:var(--faint);font-size:11px}.flow-spinner{border:2px solid var(--line);border-top-color:var(--pine);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite flowSpin}@keyframes flowSpin{to{transform:rotate(360deg)}}.flow-empty-icon{background:var(--pine-soft);width:56px;height:56px;color:var(--pine);border-radius:18px;place-items:center;margin-bottom:4px;display:grid}.flow-empty h2{font-family:var(--serif);font-size:20px;font-weight:700}.flow-empty p{color:var(--muted);font-size:12.5px;line-height:1.85}.flow-empty-actions{flex-direction:column;gap:9px;width:100%;margin-top:12px;display:flex}.flow-done-kicker{letter-spacing:.14em;color:var(--faint);font-size:11px}.flow-done h2{font-family:var(--serif);letter-spacing:.01em;font-size:26px;font-weight:700}.flow-done h2 b{color:var(--pine);font-variant-numeric:tabular-nums}.flow-done-line{color:var(--muted);font-size:12.5px}.flow-done-line b{color:var(--ink-2);font-variant-numeric:tabular-nums}.flow-done-bars{gap:3px;width:100%;height:7px;margin:6px 0 2px;display:flex}.flow-bar{border-radius:999px;min-width:3px}.flow-bar.ok{background:var(--pine)}.flow-bar.fail{background:var(--clay)}.flow-bar.skip{background:var(--line)}.flow-done-hint{color:var(--muted);max-width:340px;font-size:12px;line-height:1.8}.flow-done-actions{flex-direction:column;gap:9px;width:100%;margin-top:14px;display:flex}.flow-cta .cta-desc{margin-bottom:14px}@media (width<=560px){.flow-top{padding:12px 16px calc(12px + env(safe-area-inset-top));gap:10px}.flow-stage{padding:2px 14px 12px}.flow-card{border-radius:18px;padding:22px 20px 18px}.flow-text{font-size:17.5px;line-height:1.95}.flow-source{margin-bottom:14px;padding-bottom:12px}.flow-hint{margin-top:12px;padding-top:11px}.flow-actions{padding:0 14px calc(14px + env(safe-area-inset-bottom))}.flow-main-btn{height:50px}.flow-grade small{display:none}.flow-done h2{font-size:23px}}.toast-host{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.toast{color:#f6f1e2;letter-spacing:.02em;animation:toastIn .26s var(--ease) both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1b1deb;border-radius:999px;padding:10px 18px;font-size:12.5px;box-shadow:0 12px 28px -16px #000000b3}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@media (width<=1180px){.page{padding:8px 24px 48px}.topbar{padding:20px 24px 14px}.dash-grid,.stats-grid,.plan-grid,.practice-setup{grid-template-columns:1fr}.setup-side{grid-template-columns:1fr 1fr;gap:14px;display:grid}.reader-body{grid-template-columns:200px minmax(0,1fr)}.reader-paper{padding:26px 28px 18px}}@media (width<=900px){.app{display:block}.sidebar{width:auto;height:auto;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f5edf5;flex-direction:row;align-items:center;gap:4px;position:fixed;inset:auto 0 0;overflow-x:auto}.sidebar .brand,.sidebar-foot{display:none}.nav{flex-direction:row;justify-content:space-between;gap:2px;width:100%}.nav-item{white-space:nowrap;border-radius:10px;flex-direction:column;flex:1;justify-content:center;gap:3px;height:auto;padding:7px 4px;font-size:9.5px}.nav-item.is-active:before{display:none}.nav-badge{min-width:14px;height:14px;padding:0 3px;font-size:8.5px;position:absolute;top:3px;right:6px}.content{padding-bottom:68px}.topbar{flex-wrap:wrap;align-items:flex-start;padding:18px 18px 12px}.topbar-actions{width:100%;padding-bottom:4px;overflow-x:auto}.page{padding:4px 18px 40px}.stat-row,.stat-row.three{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-row.three>:last-child{grid-column:1/-1}.mistake-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{flex-direction:column;align-items:flex-start;padding:26px 24px}.hero-side{align-self:center}.hero-ornament{opacity:.35}.settings-grid,.privacy-grid,.track-picker,.stats-grid.even{grid-template-columns:1fr}.privacy-standalone{padding:26px 18px 56px}.privacy-hero{padding:24px 20px}.welcome-inner{grid-template-columns:1fr;gap:34px}.welcome-features{display:none}.welcome h1{font-size:30px}.quiz-card{padding:22px 20px}.quiz-tip{display:none}.countdown-form{grid-template-columns:1fr}.plan-countdown{flex-direction:column;align-items:flex-start;padding:24px}.plan-countdown .ring{align-self:center}.setup-side{grid-template-columns:1fr}.setup-foot{flex-direction:column;align-items:stretch}.setup-foot .btn{width:100%}.result-head{gap:22px}.reader-body{grid-template-columns:1fr}.reader-side{order:2;max-height:none;position:static}.toc-list{max-height:220px}.reader-paper{padding:22px 20px 16px}.dropzone{flex-direction:column;align-items:stretch;padding:18px}.dropzone-actions{justify-content:flex-end}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.doc-actions{opacity:1}}@media (width<=560px){.mode-grid{grid-template-columns:1fr 1fr;gap:10px}.mode-card{padding:13px 12px}.mode-card small{display:none}.mode-icon{width:30px;height:30px;margin-bottom:2px}.heatmap-grid{grid-template-rows:repeat(7,14px);grid-auto-columns:14px;gap:2px}.heatmap.is-compact .heatmap-grid{grid-template-rows:repeat(7,11px);grid-auto-columns:11px;gap:2px}.subject-meta{font-size:10.5px}.result-summary h2{font-size:19px}.hero-title{font-size:25px}.welcome-card{padding:24px 20px}.welcome-tracks,.doc-grid{grid-template-columns:1fr}.reader-search input{width:84px}.reader-tools{width:100%}.reader-search{flex:1}.selection-bar{flex-direction:column;align-items:stretch;gap:8px;max-width:none;bottom:84px;left:10px;right:10px;transform:none}.selection-text{max-width:none}.selection-actions{justify-content:space-between}}.crash{background:radial-gradient(110% 90% at 50% 0%, #f8f4e8 0%, var(--paper) 60%);place-items:center;min-height:100vh;padding:24px;display:grid}.crash-card{border:1px solid var(--line);background:var(--surface);width:100%;max-width:460px;box-shadow:var(--shadow);text-align:center;border-radius:18px;padding:34px 32px}.crash-mark{background:var(--pine);color:#f3e9cf;width:40px;height:40px;font-family:var(--serif);border-radius:12px;place-items:center;margin-bottom:16px;font-size:20px;font-weight:700;display:inline-grid}.crash-card h1{letter-spacing:.02em;font-size:19px;font-weight:700}.crash-card>p{color:var(--muted);margin:10px 0 16px;font-size:12.5px;line-height:1.85}.crash-detail{background:var(--clay-soft);color:var(--clay);text-align:left;white-space:pre-wrap;word-break:break-word;border-radius:9px;max-height:140px;margin-bottom:18px;padding:11px 13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.7;overflow:auto}.crash-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.flow-answer-slot{vertical-align:baseline;max-width:100%;margin:0 2px;display:inline-grid}.flow-answer-slot>span{grid-area:1/1}.flow-answer-measure{visibility:hidden;min-width:2.5em;padding:0 8px 3px;font-weight:700}.flow-answer-slot .flow-blank{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #6c917b}.reading-reminder{z-index:120;color:#34463b;background:#eef2e8;border:1px solid #afbeaa;border-radius:16px;width:min(340px,100vw - 32px);padding:20px;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 36px #28382d20}.reading-reminder strong{font-size:15px}.reading-reminder p{margin:8px 0 14px;font-size:13px;line-height:1.8}.reading-reminder button{cursor:pointer;background:#dce7d7;border:1px solid #a5b79d;border-radius:9px;padding:8px 16px}@media (width<=900px){.reading-reminder{bottom:90px;right:16px}}.cleanup-dialog{border:1px solid var(--line);background:var(--surface);width:min(520px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:var(--shadow);border-radius:18px;padding:26px}.cleanup-dialog::backdrop{background:#1e2a2261}.cleanup-dialog h2{margin-bottom:14px;font-size:20px}.cleanup-dialog p{margin-bottom:14px;font-size:14px;line-height:1.85}.cleanup-dialog .settings-actions{margin:22px 0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.track-management-item{min-width:0}.track-management-item .track-option{width:100%}body,.privacy-standalone{overflow-x:visible}.page-stack,.dash-col{gap:22px}.topbar-title,.stat,.field,.countdown-form label,.dropzone-main,.dropzone-main>div,.reader-paper,.reader-tools,.doc-card,.doc-open{min-width:0}.topbar-title h1{letter-spacing:-.025em;line-height:1.35}.topbar-title p{max-width:64ch;line-height:1.75}.section-head{flex-wrap:wrap;row-gap:10px;margin-bottom:20px}.section-title{flex-wrap:wrap;row-gap:4px}.section-title h3{white-space:normal;font-size:16px;line-height:1.5}.section-hint{white-space:normal;line-height:1.65}.section-action,.advice-actions,.dropzone-actions,.reader-tools,.paper-foot,.heatmap-foot,.storage-head,.goal-row{flex-wrap:wrap}.hero-desc,.cta-desc,.settings-note,.about-text,.dropzone-main p{line-height:1.85}:where(.topbar-title,.task-title,.doc-title,.paper-text,.paper-head,.settings-note,.storage-note,.about-text,.countdown-desc,.privacy-text,.advice-list,.topic-main,.upload-msg,.field,.flow-text){overflow-wrap:anywhere}.stat-value,.countdown-number{font-variant-numeric:tabular-nums;flex-wrap:wrap}.stat-hint,.doc-meta,.track-option-meta{line-height:1.7}.task-item{padding-block:14px}.task-item+.task-item{border-top:1px solid var(--line-soft)}.task-progress,.subject-line{flex-wrap:wrap}.recent-docs button{margin-inline:0;padding-block:12px}.doc-toolbar{gap:12px;margin-bottom:20px}.doc-search{min-width:min(190px,100%);max-width:340px;min-height:38px}.doc-card{box-shadow:var(--shadow-sm);display:flex}.doc-open{border-radius:inherit;gap:10px;padding:20px}.doc-format{max-width:calc(100% - 64px)}.doc-title{font-size:14px;line-height:1.65}.doc-meta{margin-top:auto;padding-top:4px}.doc-snippet{font-size:12px;line-height:1.75}.doc-badges{flex-wrap:wrap}.reader-paper,.paper-text{min-width:0}.reader-search{max-width:100%}.reader-search input{min-width:0}.reader-side{scrollbar-gutter:stable;overflow:auto}.font-scaler{overflow:visible}.font-scaler button:first-child{border-radius:8px 0 0 8px}.font-scaler button:last-child{border-radius:0 8px 8px 0}.field{gap:8px;margin-bottom:20px}.field label,.countdown-form label,.welcome-field span{color:var(--ink-2);font-size:12px;font-weight:500;line-height:1.6}input[type=text],input[type=date],.note-add textarea{min-width:0;max-width:100%}input[type=date]{min-inline-size:0}.note-add textarea{min-height:96px;font-size:13px;line-height:1.8}.task-add input{flex:1;width:0}.task-add .btn,.stepper{flex-shrink:0}.track-option{gap:8px}.track-option strong{padding-right:24px;line-height:1.55}.track-option small{line-height:1.75}.heatmap{align-items:stretch;max-width:100%;padding-bottom:4px;overflow-x:auto}.heatmap-grid{flex-shrink:0}.trend-foot{flex-wrap:wrap;gap:8px 16px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--pine);outline-offset:3px}.doc-search:focus-within,.reader-search:focus-within,.dropzone:focus-within{border-color:var(--pine)}.doc-card:focus-within{border-color:var(--pine);box-shadow:var(--shadow)}.doc-card:focus-within .doc-actions{opacity:1}:is(.btn,.chip,.mode-card,.track-option,.welcome-track,.option,.star-btn,.check,.reader-tabs button){transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:.16s;transition-timing-function:var(--ease)}@media (hover:hover) and (pointer:fine){.doc-card:hover,.mode-card:hover,.track-option:hover,.track-card:hover,.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.doc-card:hover,.mode-card:hover,.track-card:hover,.chip:hover,.welcome-track:hover,.btn-ghost:hover:not(:disabled){border-color:var(--pine)}.option:hover:not(:disabled){border-color:var(--pine);transform:none}}@media (hover:none),(pointer:coarse){.doc-actions{opacity:1}}@media (width>=901px){.card-pad{padding:26px 28px}.dash-grid,.plan-grid,.stats-grid,.settings-grid,.privacy-grid{gap:22px}}@media (width<=560px){.page-stack,.dash-col{gap:16px}.card-pad,.plan-advice,.about-card,.setup-main,.result-card{padding:20px 18px}.section-head{margin-bottom:16px}.stat{padding:16px 14px}.task-add{flex-wrap:wrap}.task-add input{flex-basis:100%;width:100%}.dropzone-actions .btn{white-space:normal;height:auto;min-height:38px;padding-block:8px}.result-summary{min-width:0}.result-stats{flex-wrap:wrap;gap:16px 24px}.toast-host{width:calc(100% - 32px)}.toast{overflow-wrap:anywhere;max-width:100%}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}.page,.analysis,.flow-screen,.flow-card,.selection-bar,.toast{animation:none}.btn:active:not(:disabled),.flow-main-btn:active,.flow-grade:active{transform:none}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled),.doc-card:hover,.mode-card:hover,.track-option:hover,.track-card:hover,.option:hover:not(:disabled){transform:none}}}:root[data-theme=sage]{--paper:#e3ebe5;--paper-2:#d7e2da;--surface:#f1f6f0;--surface-2:#eaf1e8;--ink:#25382d;--ink-2:#3b5041;--muted:#596e5f;--faint:#617465;--line:#c9d8ca;--line-soft:#d8e3d6;--pine:#285a40;--pine-2:#34694d;--pine-soft:#deebde}:root[data-theme=blue]{--paper:#e7edf3;--paper-2:#dbe4ed;--surface:#f4f7fa;--surface-2:#edf2f7;--ink:#283643;--ink-2:#3d4e5d;--muted:#5d6d7c;--faint:#637383;--line:#cbd7e2;--line-soft:#dce5ed;--pine:#345777;--pine-2:#436a8c;--pine-soft:#e0eaf4}html{background-color:var(--paper);min-height:100%}body{background-color:var(--paper);background-image:none;min-height:100dvh}#root{min-height:100dvh}.app,.content,.page,.welcome,.crash,.flow-screen,.privacy-standalone,.help-standalone,.help-screen{background:0 0}.has-wallpaper body{background-image:linear-gradient(color-mix(in srgb, var(--paper) 88%, transparent), color-mix(in srgb, var(--paper) 88%, transparent)), var(--user-wallpaper,none);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.has-wallpaper .welcome-glow{background-image:none}.sidebar,.topbar{background:var(--surface-2)}.about-card,.privacy-hero,.welcome-card,.reader-paper,.crash-card,.flow-card,.welcome-features li{background:var(--surface);border-color:var(--line)}.hero,.quote-card,.plan-countdown{background:linear-gradient(135deg, var(--surface), var(--paper-2));border-color:var(--line)}.track-card{background:var(--surface)}@media (hover:hover) and (pointer:fine){.btn-soft:hover{background:var(--pine-soft)}}.brand-mark.brand-logo{object-fit:contain;background:0 0;display:block}.flow-blank{background:var(--pine-soft);border-color:var(--pine)}.reading-reminder{background:var(--surface-2);color:var(--ink-2);border-color:var(--line)}.reading-reminder button{background:var(--pine-soft);color:var(--pine);border-color:var(--line)}.theme-options{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.theme-option{border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:12px 16px;display:flex}.theme-option.is-selected{border-color:var(--pine);background:var(--pine-soft);color:var(--pine)}.theme-swatch{border:1px solid var(--line);border-radius:50%;flex:0 0 28px;width:28px;height:28px}.track-management-item{grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;display:grid}.track-management-item .track-option{grid-column:1/-1}.track-management-item>.btn{width:100%}.wallpaper-preview{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:min(100%,400px);height:150px;margin-bottom:18px;display:block}.wallpaper-input{max-width:100%;color:var(--ink-2);flex-direction:column;gap:8px;font-size:13px;display:flex}.visually-hidden-file{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}label.btn:focus-within{outline:2px solid var(--pine);outline-offset:3px}label.btn.is-busy{opacity:.7;pointer-events:none}.settings-note.is-warn{color:var(--clay)}.quality-summary{color:var(--ink-2);margin:6px 0 10px;font-size:13px;line-height:1.8}.quality-details{margin:4px 0 12px;font-size:13px}.quality-details summary{cursor:pointer;color:var(--pine);padding:4px 0}.quality-details p{margin:8px 0 0;line-height:1.8}.wallpaper-input input{max-width:100%;font-size:12px}.wallpaper-input input::file-selector-button{border:1px solid var(--line);background:var(--pine-soft);color:var(--pine);cursor:pointer;border-radius:8px;margin-right:10px;padding:10px 14px}@media (hover:hover) and (pointer:fine){.theme-option:hover{border-color:var(--pine)}}@media (width<=560px){.theme-options{gap:8px}.theme-option{flex:140px;padding:10px}}.landing{max-width:1160px;margin:0 auto;padding:0 32px}.landing-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.landing-brand,.landing-nav nav{align-items:center;gap:22px;display:flex}.landing-brand{gap:12px}.landing-brand strong{font-size:23px}.landing-brand>span{color:var(--muted);font-size:12px}.landing-nav nav{font-size:13px}.landing-hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:64px;padding:88px 0 80px;display:grid}.landing-eyebrow{letter-spacing:.12em;color:var(--pine);margin-bottom:20px;font-size:12px}.landing h1{letter-spacing:-.035em;font-size:clamp(29px,3.6vw,46px);line-height:1.55}.landing h1 em{color:var(--pine);font-style:normal}.landing-description{color:var(--ink-2);max-width:520px;margin:24px 0;font-size:15px;line-height:2}.landing-actions{flex-wrap:wrap;gap:12px;display:flex}.landing-note{color:var(--muted);margin-top:20px;font-size:12px}.landing-demo{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:30px}.landing-demo-top{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:10px;padding-bottom:20px;font-size:11px;display:flex}.landing-demo>p{padding:30px 0;font-size:20px;line-height:2}.landing-demo mark{color:var(--pine);background:var(--pine-soft);border-radius:6px;padding:3px 5px}.landing-demo small{color:var(--muted);line-height:1.9}.landing-section{padding:38px 0}.landing-section h2,.landing-trust h2{margin-bottom:24px;font-size:25px}.landing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.landing-grid article{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:28px}.landing-grid h3{margin-bottom:14px;font-size:17px}.landing-grid p,.landing-trust p{color:var(--ink-2);font-size:14px;line-height:1.9}.landing-steps b{color:var(--pine);margin-bottom:20px;font-size:28px;display:block}.landing-trust{background:var(--surface-2);border:1px solid var(--line);border-radius:22px;align-items:center;gap:40px;margin:42px 0;padding:36px;display:flex}.landing-trust>div{flex:1}.landing-trust>a{flex-shrink:0}.landing-footer{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;gap:20px;padding:30px 0;font-size:12px;display:flex}.landing-footer span{flex:300px}.dashboard-simple{max-width:960px;margin:auto}.dashboard-help{border-color:var(--pine);background:var(--surface-2)}.dashboard-help p{color:var(--ink-2);line-height:1.9}.dashboard-links{color:var(--muted);flex-wrap:wrap;gap:12px 24px;padding:8px 2px;font-size:13px;display:flex}@media (width<=900px){.landing{padding:0 22px}.landing-hero{grid-template-columns:1fr;gap:28px;padding:48px 0}.landing-demo{max-width:580px}.landing-grid{grid-template-columns:1fr}.landing-brand>span{display:none}.landing-trust{flex-direction:column;align-items:flex-start}}@media (width<=560px){.landing-nav{flex-wrap:wrap;gap:18px;padding:20px 0}.landing-nav nav{justify-content:space-between;gap:12px;width:100%}.landing-demo,.landing-grid article,.landing-trust{padding:22px}.landing-section{padding:24px 0}}@media (hover:hover) and (pointer:fine){.landing-nav a:not(.btn):hover,.landing-footer a:hover,.dashboard-links a:hover{color:var(--pine);text-underline-offset:5px;text-decoration:underline}}@media (width<=900px){.content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.sidebar{padding-inline:max(6px, env(safe-area-inset-left))}.nav-item{min-width:0;min-height:48px}input[type=text],input[type=date],input[type=number],input[type=search],textarea{font-size:16px}.btn,.chip,.flow-close,.reader-tabs button{min-height:44px}.flow-close{width:44px}.flow-top{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:12px}.flow-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.flow-grade{min-height:68px}.flow-skip{min-height:44px}.flow-card{padding:22px 20px}.flow-text{font-size:18px;line-height:1.95}.reader-tools{gap:10px}.landing-nav .btn{white-space:normal;text-align:center}.theme-option{min-height:48px}}@media (width<=420px){.welcome h1,.landing h1{font-size:25px}}@media (width<=360px){.page{padding-inline:12px}.nav-item{padding-inline:2px;font-size:10px}.landing{padding-inline:16px}.flow-stage{padding-inline:12px}.flow-card{padding:18px 16px}.flow-source{margin-bottom:12px;padding-bottom:12px}}@media (height<=500px) and (orientation:landscape){.flow-top{padding-block:6px}.flow-stage{padding-bottom:8px}.flow-card{padding:14px 20px}.flow-source{margin-bottom:8px;padding-bottom:8px}.flow-hint{margin-top:8px;padding-top:8px}.flow-actions{gap:4px}.flow-main-btn{height:44px}.flow-grade{min-height:48px;padding-block:6px}}