:root{--ink:#1a2430;--ink-soft:#4a5a6a;--paper:#f2efe8;--panel:#fffcf7eb;--line:#1a24301f;--accent:#1f5c4d;--accent-deep:#164539;--amber:#a65d1a;--done:#1f5c4d;--partial:#a65d1a;--todo:#8a97a8;--unknown:#6b7280;--shadow:0 18px 50px #1a24301a;--radius:18px;--font-display:"Source Serif 4", "Noto Sans TC", serif;--font-body:"IBM Plex Sans", "Noto Sans TC", system-ui, sans-serif;--font-en:"Source Serif 4", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-body);background:var(--paper);margin:0;line-height:1.55}button{font:inherit}a{color:var(--accent-deep)}.app{min-height:100vh;padding:2rem 1.25rem 4rem;position:relative}.bg{z-index:-1;background:radial-gradient(ellipse 80% 50% at 12% -10%, #1f5c4d29, transparent 55%), radial-gradient(ellipse 55% 40% at 100% 0%, #a65d1a1a, transparent 50%), linear-gradient(180deg, #ebe6dc 0%, var(--paper) 45%, #e4ddd2 100%);position:fixed;inset:0}.bg:after{content:"";opacity:.35;background-image:linear-gradient(#10243a0a 1px,#0000 1px),linear-gradient(90deg,#10243a0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.hero{max-width:720px;margin:0 auto 1.75rem}.hero-tags{flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem;display:flex}.tag{font-family:var(--font-display);letter-spacing:.03em;border-radius:999px;align-items:center;padding:.28rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.tag-edition{color:var(--accent-deep);background:#0f766e1f;border:1px solid #0f766e38}.tag-ref{color:#8a5a1e;background:#c4782a1f;border:1px solid #c4782a47}.eyebrow{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 .5rem;font-size:.78rem;font-weight:600}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.1}.lede{max-width:36rem;color:var(--ink-soft);margin:.75rem 0 0;font-size:1.05rem}.meta-line{color:var(--ink-soft);margin:.6rem 0 0;font-size:.88rem}.disclaimer{max-width:42rem;color:var(--ink-soft);background:#c4782a14;border:1px solid #c4782a59;border-radius:12px;gap:.35rem;margin-top:1rem;padding:.85rem 1rem;font-size:.88rem;line-height:1.5;display:grid}.disclaimer strong{color:var(--amber);letter-spacing:.04em;font-size:.8rem}.disclaimer.legal-note{background:#1a24300a;border-color:#1a24302e}.disclaimer.legal-note strong{color:var(--ink)}.legal-list{gap:.25rem;margin:.35rem 0 0;padding-left:1.15rem;display:grid}.legal-list li{font-size:.84rem}.site-footer{border-top:1px solid var(--line);max-width:720px;color:var(--ink-soft);margin:2.5rem auto 0;padding-top:1.25rem;font-size:.84rem}.site-footer p{max-width:46rem;margin:.35rem 0}.site-footer strong{color:var(--amber)}.home-main{max-width:720px;margin:0 auto}.page-nav{justify-content:space-between;align-items:center;gap:.75rem;max-width:720px;margin:0 auto 1rem;display:flex}.back-btn{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#ffffffbf;border-radius:999px;padding:.45rem .95rem;font-weight:500}.back-btn:hover{color:var(--accent-deep);border-color:#0f766e59}.back-btn.solid{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.back-btn.solid:hover{background:var(--accent);border-color:var(--accent);color:#fff}.task-page{max-width:720px;margin:0 auto}.task-page-title{font-family:var(--font-display);letter-spacing:-.02em;margin:.15rem 0 0;font-size:clamp(1.6rem,4vw,2.1rem);line-height:1.15}.detail-page{padding:1.35rem 1.35rem 1.6rem}.page-end-actions{border-top:1px solid var(--line);margin-top:1.75rem;padding-top:1rem}.section-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.group-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.status-jump{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.status-jump-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);cursor:pointer;box-shadow:var(--shadow);padding:1rem 1.1rem;transition:border-color .15s,transform .15s}.status-jump-card:hover{border-color:var(--accent,#2a6f6a);transform:translateY(-1px)}.status-jump-card.is-done{background:color-mix(in srgb, var(--panel) 88%, #c8e6c9)}.status-jump-label{letter-spacing:.04em;color:var(--ink-soft);font-size:.8rem;display:block}.status-jump-card strong{font-family:var(--font-display);margin:.2rem 0;font-size:2rem;line-height:1.1;display:block}.status-jump-hint{color:var(--ink-soft);font-size:.85rem}.list-tabs{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.list-tab{border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:0 0;border-radius:999px;padding:.4rem .9rem}.list-tab.is-on{background:var(--ink);color:var(--paper,#fff);border-color:var(--ink)}.done-block{opacity:.92;margin-top:1.75rem;padding-top:.5rem}@media (width<=640px){.status-jump{grid-template-columns:1fr}}.group-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;box-shadow:var(--shadow);cursor:pointer;padding:1.1rem 1.15rem 1rem;transition:transform .16s,border-color .16s}.group-card:hover{border-color:#0f766e59;transform:translateY(-2px)}.group-card.is-empty{box-shadow:none;background:#fffcf68c;border-style:dashed}.group-card-top{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.group-count{color:var(--ink-soft);font-size:.78rem}.group-card h2{font-family:var(--font-display);letter-spacing:-.02em;margin:.35rem 0 .4rem;font-size:1.35rem}.group-desc{color:var(--ink-soft);margin:0 0 .85rem;font-size:.9rem}.group-avg{color:var(--ink-soft);justify-content:space-between;align-items:baseline;margin-bottom:.35rem;font-size:.78rem;display:flex}.group-avg strong{font-family:var(--font-display);color:var(--ink);font-size:1.1rem}.group-upcoming-label{color:var(--amber);margin:0;font-size:.84rem}.group-hero{margin-bottom:1.25rem}.group-hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin:.15rem 0 0;font-size:clamp(1.7rem,4vw,2.2rem)}.group-hero-progress{gap:.35rem;margin-top:.85rem;display:grid}.group-hero-progress>span{color:var(--ink-soft);font-size:.84rem}.empty-group{border-radius:var(--radius);background:#fffcf680;border:1px dashed #10243a38;padding:1.25rem 1.2rem}.empty-group h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.15rem}.empty-group p{color:var(--ink-soft);margin:.4rem 0;font-size:.92rem}.empty-group ul{color:var(--ink);margin:.5rem 0 .75rem;padding-left:1.1rem}.task-hint{color:var(--ink-soft);margin:.75rem 0 0;font-size:.82rem}.subgroup-block{margin-bottom:1.25rem}.subgroup-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.5rem;display:flex}.subgroup-head h2{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:.95rem}.subgroup-head span{color:var(--ink-soft);font-size:.75rem}.task-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;margin-bottom:.65rem;display:flex}.list-head .section-label{margin-bottom:0}.list-legend{color:var(--ink-soft);margin:0;font-size:.78rem}.task-row{text-align:left;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:14px;width:100%;padding:.75rem .9rem .7rem;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 8px 24px #10243a0f}.task-row:hover{box-shadow:var(--shadow);border-color:#0f766e59;transform:translateY(-1px)}.task-row-main{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.55rem .65rem;display:grid}.task-row-copy{gap:.1rem;min-width:0;display:grid}.task-row-name{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:650;overflow:hidden}.task-phase{color:var(--ink-soft);font-size:.72rem}.task-chevron{color:var(--ink-soft);font-size:.95rem}.task-row-bar{margin-top:.45rem}.task-row-meta{color:var(--ink-soft);gap:.85rem;margin-top:.3rem;font-size:.72rem;display:flex}.task-id{font-family:var(--font-display);letter-spacing:.04em;color:var(--accent-deep);font-size:.72rem;font-weight:600}.task-pct{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.bar{gap:.25rem;display:grid}.bar-track{background:#10243a14;border-radius:999px;width:100%;overflow:hidden}.bar-sm .bar-track{height:6px}.bar-md .bar-track,.bar-lg .bar-track{height:10px}.bar-lg .bar-track{height:12px}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-deep), #2dd4bf);transform-origin:0;height:100%;animation:.7s cubic-bezier(.22,1,.36,1) both grow-in}.bar-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes grow-in{0%{opacity:.4;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}.caveats{background:#fffcf68c;border-left:3px solid #0f766e73;margin-top:1.25rem;padding:1rem 1.1rem}.caveats h3{margin:0 0 .4rem;font-size:.95rem}.caveats ul{color:var(--ink-soft);margin:0;padding-left:1.1rem;font-size:.88rem}.muted{color:var(--ink-soft);font-size:.9rem}.detail-panel{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:1.25rem 1.3rem 1.5rem;animation:.28s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.detail-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.goal-years{color:var(--ink-soft);margin:.25rem 0 0;font-size:.88rem}.goal-summary{color:var(--ink-soft);margin:1rem 0 0}.detail-progress{background:#0f766e0f;border-radius:14px;margin-top:1.1rem;padding:1rem}.detail-progress-main{gap:.35rem;margin-bottom:.9rem;display:grid}.detail-progress span{color:var(--ink-soft);font-size:.78rem}.detail-progress strong{font-family:var(--font-display);font-size:1.05rem}.split{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.split>div{gap:.3rem;display:grid}.block{margin-top:1.35rem}.block-title{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 .35rem;font-size:1.05rem}.block-note{color:var(--ink-soft);margin:0 0 .75rem;font-size:.84rem}.steps{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);background:#ffffff8c;border-radius:14px;padding:.85rem .95rem}.step-top{grid-template-columns:auto 1fr auto;align-items:start;gap:.65rem;display:grid}.step-num{width:1.6rem;height:1.6rem;font-family:var(--font-display);background:#10243a14;border-radius:999px;place-items:center;font-size:.8rem;font-weight:700;display:grid}.step-title-wrap{gap:.25rem;display:grid}.step-title-wrap h3{margin:0;font-size:.98rem;font-weight:600}.step-score{font-family:var(--font-display);color:var(--ink-soft);font-size:.85rem}.step p{color:var(--ink-soft);margin:.55rem 0 0;font-size:.9rem}.step-date{font-size:.8rem!important}.evidence{flex-wrap:wrap;gap:.45rem .75rem;margin:.55rem 0 0;padding:0;font-size:.84rem;list-style:none;display:flex}.status{align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-dot{background:currentColor;border-radius:999px;width:.5rem;height:.5rem}.status-done{color:var(--done)}.status-partial{color:var(--partial)}.status-todo{color:var(--todo)}.status-unknown{color:var(--unknown)}.step-done{border-color:#0f766e47}.step-partial{border-color:#c4782a59}.plain-list,.metrics{color:var(--ink-soft);margin:0;padding-left:1.1rem;font-size:.92rem}.metrics{gap:.65rem;padding:0;list-style:none;display:grid}.metrics li{background:#10243a0a;border-radius:12px;gap:.15rem;padding:.7rem .8rem;display:grid}.metrics strong{color:var(--ink);font-size:.86rem}.metrics em{color:var(--ink-soft);font-size:.78rem;font-style:normal}.footer-meta p{margin:.35rem 0;font-size:.9rem}@media (width<=640px){.split{grid-template-columns:1fr}.task-row-main{grid-template-columns:auto minmax(0,1fr) auto}.task-chevron{display:none}}@media (prefers-reduced-motion:reduce){.bar-fill,.detail-panel,.task-row{transition:none;animation:none}}.block-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.block-title-row .block-title{margin:0}.ghost-btn{border:1px solid var(--line);color:var(--accent-deep);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.ghost-btn:hover{border-color:var(--accent);background:#1f5c4d0f}.rule-card{border-left:3px solid var(--accent);background:#1f5c4d0d;margin:0 0 1rem;padding:.85rem 1rem}.rule-card h3{font-size:1rem;font-family:var(--font-display);margin:0 0 .35rem}.rule-card p{color:var(--ink-soft);margin:0}.pattern-box{margin-top:1rem}.pattern-box h3{margin:0 0 .5rem;font-size:.95rem}.pattern-box code{font-family:var(--font-en);color:var(--accent-deep);font-size:.95rem}.example-list,.vocab-list,.mistake-list,.drill-list,.say-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.example-list li,.mistake-list li,.drill-list li{border:1px solid var(--line);background:#ffffff8c;border-radius:12px;padding:.85rem 1rem}.ex-en{font-family:var(--font-en);color:var(--ink);margin:0;font-size:1.15rem;font-weight:600}.ex-zh{color:var(--ink-soft);margin:.25rem 0 0}.ex-tip{color:var(--amber);margin:.35rem 0 0;font-size:.85rem}.vocab-list li{border-bottom:1px solid var(--line);gap:.15rem;padding-bottom:.65rem;display:grid}.vocab-list strong{font-family:var(--font-en);font-size:1.05rem}.vocab-list em{font-style:normal;font-family:var(--font-en);color:var(--ink-soft);font-size:.9rem}.say-list{padding-left:1.25rem;list-style:decimal}.say-list li{font-family:var(--font-en);padding:.25rem 0;font-size:1.05rem}.drill-q{margin:0;font-weight:600}.drill-a{font-family:var(--font-en);color:var(--accent-deep);margin:.35rem 0 0}.bad{color:#9f2d2d;font-family:var(--font-en)}.good{color:var(--done);font-family:var(--font-en)}.step-click{text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;display:block}.step-click:hover .step-title-wrap h3{color:var(--accent-deep)}.list-tabs{gap:.35rem;display:flex}.list-tabs button{border:1px solid var(--line);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:.35rem .8rem;font-size:.85rem}.list-tabs button.is-on{background:var(--ink);color:#f7f4ee;border-color:var(--ink)}.list-title{font-family:var(--font-display);margin:0 0 1rem}.empty-hint{color:var(--ink-soft)}.phase{color:var(--accent-deep);font-size:.78rem;font-weight:600}.speak-btn{border:1px solid var(--line);color:var(--accent-deep);cursor:pointer;background:#1f5c4d14;border-radius:999px;flex:none;padding:.28rem .7rem;font-size:.78rem;font-weight:600}.speak-btn:hover:not(:disabled){border-color:var(--accent);background:#1f5c4d24}.speak-btn:disabled{opacity:.55;cursor:wait}.speak-unsupported{color:var(--todo);font-size:.75rem}.line-with-speak{flex-wrap:wrap;align-items:center;gap:.4rem .55rem;display:flex}.line-with-speak .ex-en{flex:auto;min-width:12rem;margin:0}.listen-toolbar{flex-wrap:wrap;gap:.4rem;display:flex}.listen-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.listen-list li{border:1px solid var(--line);background:#ffffff8c;border-radius:12px;padding:.85rem 1rem}.listen-head{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.45rem;display:flex}.listen-idx{color:var(--accent-deep);font-size:.8rem;font-weight:700}.listen-hint{color:var(--amber);font-size:.8rem}.group-hero{max-width:820px;margin:0 auto 1.25rem;padding:0 .25rem}.group-hero h1{font-family:var(--font-display);margin:0 0 .4rem}.group-main,.home-main,.task-page{max-width:820px;margin:0 auto}html{-webkit-text-size-adjust:100%}