*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{min-height:100svh;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,sans-serif;font-size:16px;line-height:1.5}#root{min-height:100svh}h1,h2,h3,h4,p,blockquote,figure{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}img{max-width:100%;display:block}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,sans-serif;font-size:16px}.app{max-width:920px;padding:0 16px calc(88px + env(safe-area-inset-bottom));min-height:100svh;margin:0 auto}.appbar{z-index:30;height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);align-items:center;margin:0 -16px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:9px;text-decoration:none;display:flex}.brand-mark{color:#4ecdc4;letter-spacing:-.5px;background:#1a2533;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-weight:800;display:flex}.brand-mark svg{width:22px;height:22px;display:block}.brand-name{letter-spacing:-.2px;font-size:17px;font-weight:700}.tabs{background:var(--card);border:1px solid var(--line);border-radius:12px;gap:4px;width:fit-content;margin:12px auto 16px;padding:4px;display:flex}.tab{color:var(--muted);border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:80px;min-height:44px;padding:8px 14px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.tab svg{display:block}.tab.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.tab:not(.active):hover{background:var(--soft)}body.focus-mode .appbar,body.focus-mode .tabs{display:none}.search-card{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:8px;max-width:720px;margin-left:auto;margin-right:auto;padding:10px;display:flex;box-shadow:0 1px 2px #1018280a}.search-input{border:1px solid var(--line);background:var(--soft);border-radius:10px;outline:none;flex:1;min-width:0;height:44px;padding:0 12px;font-size:15px}.search-input:focus{border-color:var(--accent);background:var(--card)}.search-btn{background:var(--accent);height:44px;color:var(--on-accent);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:0 18px;font-size:15px;font-weight:600}.search-btn:disabled{opacity:.6;cursor:not-allowed}.notice,.error{border-radius:8px;max-width:720px;margin:16px auto 0;padding:12px 16px}.notice{background:color-mix(in srgb, var(--warn) 12%, var(--card));color:#3e2723}.error{background:color-mix(in srgb, var(--bad) 10%, var(--card));color:var(--bad)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 1px 2px #1018280a}.card h2{color:var(--ink);margin-top:0;font-size:18px}.input{border:1px solid var(--line);border-radius:8px;width:100%;margin-bottom:12px;padding:12px 16px;font-size:16px}.code-row{gap:8px;display:flex}.code-row .input{flex:1}.btn-secondary{background:var(--soft);color:var(--accent);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;padding:12px 16px}.link{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:none}.switch{text-align:center;color:#666;margin-top:16px;font-size:14px}.result{max-width:var(--content);background:var(--card);color:var(--ink);border-radius:14px;margin:18px auto 0;padding:22px 20px 24px;font-size:15px;line-height:1.75;box-shadow:0 1px 3px #0000000d}.result h1{letter-spacing:-.4px;color:var(--accent);margin:0 0 14px;font-size:27px;font-weight:800;line-height:1.2}.result h2{border-top:1px solid var(--line);color:var(--ink);margin:24px 0 10px;padding-top:20px;font-size:16px;font-weight:700;line-height:1.4}.result h2:first-of-type{border-top:none;margin-top:16px;padding-top:0}.result h3{color:var(--ink);margin:18px 0 6px;font-size:15px;font-weight:700;line-height:1.5}.result p{margin:9px 0}.result ul,.result ol{margin:8px 0 12px;padding-left:20px}.result li{margin:5px 0;line-height:1.7}.result li::marker{color:var(--accent)}.result strong{color:var(--ink);font-weight:700}.result table{border-collapse:collapse;table-layout:fixed;width:100%;margin:12px 0;font-size:13px}.result th,.result td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:8px}.result th{background:var(--soft);color:var(--ink);font-weight:700}.result tr:last-child td{border-bottom:none}.result blockquote:first-of-type{border:none;border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--card));color:var(--ink);border-radius:0 10px 10px 0;margin:4px 0 8px;padding:12px 14px;line-height:1.7}.result blockquote{border:none;border-left:3px solid var(--line);background:var(--soft);color:color-mix(in srgb, var(--muted) 75%, var(--ink));border-radius:0 8px 8px 0;margin:14px 0;padding:10px 14px;line-height:1.7}.result pre{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-overflow-scrolling:touch;border-radius:10px;max-width:100%;margin:12px 0;padding:12px 14px;font-size:13px;line-height:1.7;overflow-x:auto}.result pre code{font-size:inherit;background:0 0;padding:0}.evo{margin:14px 0 4px}.evo-root{background:color-mix(in srgb, var(--accent) 10%, var(--card));border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:12px;padding:12px 14px}.evo-root p{margin:0}.evo-root-src{color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.65}.evo-root-lit{color:color-mix(in srgb, var(--muted) 75%, var(--ink));font-size:13px;line-height:1.6;margin-top:4px!important}.evo-list{margin:16px 0 0;padding:0;list-style:none;position:relative}.evo-list:before{content:"";background:color-mix(in srgb, var(--accent) 26%, var(--line));border-radius:2px;width:2px;position:absolute;top:11px;bottom:16px;left:6px}.evo-item{padding:0 0 18px 26px;position:relative}.evo-item:last-child{padding-bottom:2px}.evo-item:after{content:"";box-sizing:border-box;background:var(--card);border:3px solid var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:0}.evo-era{background:color-mix(in srgb, var(--accent) 12%, var(--card));color:var(--accent);letter-spacing:.02em;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:700;display:inline-block}.evo-sense{color:var(--ink);margin:6px 0 0;font-size:15px;font-weight:700;line-height:1.4}.evo-pos{color:var(--muted);margin-left:6px;font-size:11.5px;font-style:italic;font-weight:600}.evo-grow{color:color-mix(in srgb, var(--muted) 75%, var(--ink));margin:3px 0 0;font-size:13.5px;line-height:1.65}.evo-ex{background:var(--soft);border-radius:8px;max-width:100%;margin:7px 0 0;padding:7px 10px;font-size:13.5px;line-height:1.6;display:inline-block}.evo-ex-en{color:var(--ink);font-weight:600}.evo-ex-zh{color:color-mix(in srgb, var(--muted) 75%, var(--ink));margin-left:8px}.result code{overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-size:13px}.deck-row{background:var(--soft);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;transition:background .15s;display:flex}.deck-title{color:var(--ink);font-weight:600}.deck-meta{color:var(--muted);font-size:12.5px;line-height:1.5}.progress{text-align:center;color:#939bb4;margin-bottom:12px;font-size:14px}.flashcard{text-align:center;background:var(--soft);border-radius:12px;margin-bottom:16px;padding:32px 16px}.word-big{color:var(--ink);margin-bottom:8px;font-size:42px;font-weight:700}.pinyin{color:#666;margin-bottom:20px;font-size:18px}.gloss{color:#3e2723;background:color-mix(in srgb, var(--warn) 12%, var(--card));border-radius:8px;padding:16px;font-size:18px}.rate-row{gap:10px;width:100%;max-width:720px;display:flex}.btn-again,.btn-fuzzy,.btn-good{cursor:pointer;border:none;border-radius:10px;flex:1;padding:14px 8px;font-size:15px}.btn-again{background:color-mix(in srgb, var(--bad) 10%, var(--card));color:var(--bad)}.btn-fuzzy{background:color-mix(in srgb, var(--warn) 12%, var(--card));color:#9a6b1f}.btn-good{background:color-mix(in srgb, var(--ok) 14%, var(--card));color:var(--ok)}.kind-badge{border-radius:10px;margin-left:8px;padding:1px 8px;font-size:12px;display:inline-block}.kind-badge.review{background:color-mix(in srgb, var(--accent) 12%, var(--card));color:var(--accent)}.kind-badge.new{color:var(--ok);background:#e6f7ee}.done-row{gap:10px;margin-top:16px;display:flex}.foot-note{text-align:center;color:#b0b6c3;margin-top:16px;font-size:12px}.due-badge{color:var(--accent);font-size:13px;font-weight:600}.due-tag{color:var(--accent)}.arrow{color:var(--muted);padding-left:8px;font-size:20px}.book-head{justify-content:space-between;align-items:baseline;display:flex}.book-head h2{margin:0}.filter-row{flex-wrap:wrap;gap:8px;margin:10px 0 14px;display:flex}.filter-chip{border:1px solid var(--line);background:var(--card);min-height:34px;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:13px;text-decoration:none;display:inline-flex}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.book-item{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;padding:12px 0;display:flex}.book-item-main{cursor:pointer;flex:1;min-width:0}.book-del{background:var(--soft);color:#939bb4;cursor:pointer;border:none;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1}.book-del:hover{background:color-mix(in srgb, var(--bad) 10%, var(--card));color:var(--bad)}.book-detail{background:var(--soft);color:#444;white-space:pre-wrap;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:13px;line-height:1.6}.deck-meta.empty{text-align:center;padding:32px 0}.save-row{justify-content:flex-end;margin-top:16px;display:flex}.btn-save{background:var(--card);color:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:14px}.btn-save:disabled{opacity:.7;cursor:default;background:var(--soft);border-color:var(--line);color:#666}.card+.card{margin-top:14px}.me-head{align-items:center;gap:14px;display:flex}.avatar{background:var(--accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;display:flex}.me-name{color:var(--ink);font-size:18px;font-weight:600}.stat-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat-num{color:var(--ink);font-size:22px;font-weight:700}.stat-label{color:#939bb4;margin-top:2px;font-size:12px}.section-title{margin:0 0 10px;font-size:16px;font-weight:700}.setting-row{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.setting-name{color:var(--ink);font-size:15px}.setting-val{color:var(--accent);flex:none;font-size:14px;font-weight:600}.toggle{background:var(--line);cursor:pointer;border:none;border-radius:14px;flex:none;width:48px;height:28px;padding:0;transition:background .15s;position:relative}.toggle.on{background:var(--accent)}.toggle .knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle.on .knob{transform:translate(20px)}.rare-line{margin:0 0 10px;font-weight:600}.ok-msg{color:var(--ok);margin:8px 0 0;font-size:13px}.wide{width:100%}.as-link{text-align:center;text-decoration:none;display:inline-block}.danger-zone{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.link.danger{color:var(--bad);padding:0;font-size:14px}.btn-danger{background:color-mix(in srgb, var(--bad) 10%, var(--card));color:var(--bad);cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px 8px;font-size:15px}.btn-danger:disabled{opacity:.6;cursor:default}@media (width<=480px){.app{padding-left:14px;padding-right:14px}.stat-num{font-size:19px}}@media (width<=640px){.app{padding:0 14px calc(76px + env(safe-area-inset-bottom))}.appbar{margin:0 -14px;padding-left:14px;padding-right:14px}.tabs{z-index:40;width:auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--card) 96%, transparent);border:0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);border-radius:0;grid-template-columns:repeat(4,1fr);gap:0;margin:0;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 12px #1018280d}.tab{border-radius:8px;min-height:48px;padding:6px 2px;font-size:11px}.tab.active{background:0 0}.filter-chip{padding:8px 14px;font-size:14px}.search-card{gap:6px;padding:10px}.search-btn{padding:12px 16px}.word-big{font-size:34px}.rate-row,.done-row{gap:8px}.me-head{padding:16px}.stat-grid{gap:4px}}.today-panel{background:#fff;border-radius:12px;align-items:center;gap:12px;max-width:720px;margin:0 auto 12px;padding:12px 14px;display:flex;box-shadow:0 2px 8px #0000000f}.today-stats{flex:1;gap:6px;display:flex}.today-stat{text-align:center;flex:1}.today-num{color:var(--ink);font-size:17px;font-weight:700;display:block}.today-label{color:#939bb4;margin-top:1px;font-size:11px;display:block}.today-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:none;padding:10px 14px;font-size:14px}@media (width<=640px){.today-panel{flex-direction:column;align-items:stretch;gap:10px}.today-cta{width:100%}}.as-btn{text-align:left;width:100%;font:inherit;border:none}.vocab-opts{flex-direction:column;gap:8px;margin-top:12px;display:flex}.vocab-opt{background:var(--card);border:1px solid var(--line);color:#1a1d29;text-align:left;cursor:pointer;border-radius:10px;padding:14px 16px;font-size:15px}.vocab-opt:hover{border-color:var(--accent);background:var(--soft)}.vocab-opt.unknown{background:var(--soft);color:#666}.assessment-card .deck-meta{margin-bottom:10px}.assessment-point{color:var(--ink);margin:8px 0;font-size:32px;font-weight:700}.assessment-point small{color:#939bb4;font-size:14px;font-weight:500}.assessment-bands{border:1px solid var(--line);border-radius:10px;margin-top:16px;font-size:13px;overflow:hidden}.assessment-bands>div{border-top:1px solid var(--line);justify-content:space-between;padding:8px 12px;display:flex}.assessment-bands-head{background:var(--soft);color:#555;font-weight:600;border-top:none!important}.assessment-review{margin-top:16px;font-size:14px}.assessment-review summary{cursor:pointer;color:var(--accent);padding:6px 0}.assessment-review p{margin:4px 0;font-size:13px}.ans-ok{color:var(--ok)}.ans-no{color:var(--bad)}.streak-card{padding:16px 18px}.streak-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.streak-now{align-items:center;gap:10px;display:flex}.streak-flame{font-size:24px;line-height:1}.streak-num{letter-spacing:-.6px;color:var(--ink);align-items:baseline;gap:4px;font-size:30px;font-weight:800;line-height:1;display:flex}.streak-num span{letter-spacing:0;color:var(--muted);font-size:12.5px;font-weight:600}.streak-cap{color:var(--muted);margin-top:5px;font-size:12px}.streak-side{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;min-width:0;max-width:62%;display:flex}.freeze-chip{background:var(--soft);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600}.streak-next{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);font-size:11.5px;overflow:hidden}.streak-body{flex-wrap:wrap;align-items:flex-start;gap:22px;margin-top:16px;display:flex}.heat-wrap{flex:260px;min-width:0;max-width:320px}.heat-dow{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;display:grid}.heat-dow span{color:var(--muted);text-align:center;font-size:10.5px}.heat-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.heat-cell{aspect-ratio:1;background:var(--soft);border-radius:7px;transition:transform .15s}.heat-cell.lv1{background:color-mix(in srgb, var(--accent) 26%, var(--soft))}.heat-cell.lv2{background:color-mix(in srgb, var(--accent) 48%, var(--soft))}.heat-cell.lv3{background:color-mix(in srgb, var(--accent) 70%, var(--soft))}.heat-cell.lv4{background:var(--accent)}.heat-cell.today{box-shadow:0 0 0 2px var(--card), 0 0 0 3.5px var(--accent)}.heat-cell.future{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.heat-legend{color:var(--muted);align-items:center;gap:4px;margin-top:10px;font-size:10.5px;display:flex}.heat-legend i{background:var(--soft);border-radius:3px;width:11px;height:11px;display:block}.heat-legend i.lv1{background:color-mix(in srgb, var(--accent) 26%, var(--soft))}.heat-legend i.lv2{background:color-mix(in srgb, var(--accent) 48%, var(--soft))}.heat-legend i.lv3{background:color-mix(in srgb, var(--accent) 70%, var(--soft))}.heat-legend i.lv4{background:var(--accent)}.streak-stats{flex-direction:column;flex:260px;gap:2px;min-width:0;max-width:340px;display:flex}.streak-stat{flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.streak-stat+.streak-stat{border-top:1px solid var(--line)}.streak-stat b{color:var(--ink);letter-spacing:-.3px;font-size:17px;font-weight:700}.streak-stat b i{color:var(--muted);font-size:12px;font-style:normal;font-weight:600}.streak-stat span{color:var(--muted);font-size:12px}@media (width<=560px){.streak-body{gap:16px}.streak-stats{flex-direction:row;gap:0}.streak-stat{flex-direction:column-reverse;flex:1;align-items:flex-start;gap:4px;padding:0 10px}.streak-stat+.streak-stat{border-top:0;border-left:1px solid var(--line)}.streak-stat:first-child{padding-left:0}}.word-line{justify-content:center;align-items:center;gap:10px;display:flex}.speak-btn{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);cursor:pointer;border:none;border-radius:50%;flex:none;width:38px;height:38px;font-size:16px;line-height:1}.speak-btn.sm{width:30px;height:30px;font-size:13px}.speak-btn:active{transform:scale(.94)}.save-row{align-items:center;gap:8px}.book-item .speak-btn{margin-right:6px}.head-actions{align-items:center;gap:12px;display:flex}.guest-card{max-width:var(--content);background:var(--card);border-radius:12px;margin:12px auto 0;padding:14px 16px;box-shadow:0 2px 8px #0000000f}.guest-card .filter-row{margin:8px 0}a.btn-save{align-items:center;text-decoration:none;display:inline-flex}:root{--brand:#0f7a6f;--brand-deep:#0b5a52;--star:#ffd93d;--warn:#b45309;--ok:#15803d;--bad:#b42318;--content:720px;--bg:#f4f8f6;--card:#fff;--soft:#ebf3f1;--line:#dde9e6;--ink:#16211f;--muted:#5f7672;--accent:#0f7a6f;--accent2:#4ecdc4;--on-accent:#fff}:root[data-theme=spring]{--bg:#f4f8f6;--card:#fff;--soft:#ebf3f1;--line:#dde9e6;--ink:#16211f;--muted:#5f7672;--accent:#0f7a6f;--accent2:#4ecdc4;--on-accent:#fff}:root[data-theme=summer]{--bg:#f2f7fa;--card:#fff;--soft:#e9f1f7;--line:#dae6ef;--ink:#14202b;--muted:#55708a;--accent:#1c6ba0;--accent2:#57b8e8;--on-accent:#fff}:root[data-theme=autumn]{--bg:#faf7f2;--card:#fff;--soft:#f3eee7;--line:#e7dfd5;--ink:#241d16;--muted:#77685b;--accent:#a4531d;--accent2:#d99150;--on-accent:#fff}:root[data-theme=winter]{--bg:#0e1621;--card:#16202d;--soft:#1d2937;--line:#26323f;--ink:#e9eff7;--muted:#93a5ba;--accent:#5b9bf0;--accent2:#8fbcf7;--on-accent:#0b1220;--warn:#e5a93b;--ok:#4ecb8b;--bad:#f58c82}body{background:var(--bg);color:var(--ink)}.card,.tabs,.search-card,.guest-card,.today-panel,.result{background:var(--card);color:var(--ink)}.card h2,.deck-title,.word-big,.stat-num,.me-name,.section-title,.setting-name,.assessment-point{color:var(--ink)}.deck-meta,.stat-label,.today-label,.foot-note,.progress{color:var(--muted)}.deck-row,.flashcard,.book-detail,.btn-secondary,.heat-cell{background:var(--soft);border-color:var(--line)}.deck-row:hover{background:var(--line)}.book-item,.danger-zone{border-color:var(--line)}.search-btn,.filter-chip.active,.today-cta{background:var(--accent);border-color:var(--accent)}.tab.active{background:color-mix(in srgb, var(--accent) 12%, var(--card));color:var(--accent)}.link,.btn-secondary,.btn-save,.setting-val{color:var(--accent)}.today-cta{color:var(--on-accent)}.btn-save{border-color:var(--accent);background:var(--card)}.search-input,.input,.filter-chip{background:var(--card);color:var(--ink);border-color:var(--line)}.result code,.result pre{background:var(--soft);color:var(--ink)}.rate-row .btn-again{background:color-mix(in srgb, var(--bad) 12%, transparent);color:var(--bad)}.rate-row .btn-fuzzy{background:color-mix(in srgb, var(--warn) 14%, transparent);color:var(--warn)}.rate-row .btn-good{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok)}.toast-stack{z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.toast{color:#fff;background:#1a1d29eb;border-radius:10px;max-width:86vw;padding:10px 16px;font-size:14px;line-height:1.45;box-shadow:0 6px 20px #0000002e}:root[data-theme=winter] .toast{color:#101722;background:#e8eef7f2}.modal-mask{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14100a80;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}@media (width>=560px){.modal-mask{align-items:center}}.modal-card{background:var(--card);width:100%;max-width:520px;max-height:86vh;color:var(--ink);border-radius:16px;padding:18px 18px 22px;overflow-y:auto;box-shadow:0 20px 60px #00000047}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.modal-head h3{margin:0;font-size:18px}.modal-close{background:var(--soft);color:var(--muted);cursor:pointer;border:none;border-radius:50%;width:32px;height:32px;font-size:20px;line-height:1}.season-fx{z-index:0;pointer-events:none;position:fixed;inset:0}.app{z-index:1;position:relative}.status-chip{cursor:pointer;border:none;border-radius:12px;flex:none;padding:4px 9px;font-size:12px}.status-chip.learning{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent)}.status-chip.hard{background:color-mix(in srgb, var(--bad) 10%, var(--card));color:var(--bad)}.status-chip.done{color:var(--ok);background:#e6f7ee}.book-actions{flex:none;align-items:center;gap:6px;display:flex}.book-item-main .deck-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.book-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.book-toolbar .filter-row{flex-wrap:wrap;margin:8px 0}.book-empty{text-align:center;color:var(--muted);padding:28px 0;line-height:1.8}.review-word{text-align:center;margin:12px 0 4px;font-size:34px;font-weight:700}.review-prompt{text-align:center;color:var(--muted);margin-bottom:14px;font-size:16px}.review-answer{background:var(--soft);border-radius:10px;margin-top:14px;padding:14px;font-size:15px;line-height:1.7}.review-input{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:10px;margin-top:12px;padding:12px 14px;font-size:16px}.review-feedback{margin-top:12px;font-size:14px}.review-feedback.ok{color:var(--ok)}.review-feedback.no{color:var(--bad)}.review-meta{text-align:center;color:var(--muted);margin:8px 0 16px;font-size:13px}.review-stats{color:var(--muted);justify-content:center;gap:18px;margin:12px 0;font-size:14px;display:flex}.spell-box{margin-top:14px}.spell-input{text-align:center;border:2px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:12px;padding:14px;font-size:20px}.spell-input:focus{border-color:var(--accent);outline:none}.spell-ok{color:var(--ok);font-weight:600}.spell-no{color:var(--bad);font-weight:600}.spell-correct{margin-top:10px;font-size:15px}.spell-actions{gap:8px;margin-top:12px;display:flex}.spell-actions button{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:10px;flex:1;padding:12px;font-size:15px}.spell-actions button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.result-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.result-toolbar .spacer{flex:1}.menu-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:13px}.menu-btn:disabled{opacity:.55;cursor:default}.ai-fig{text-align:center;margin:16px 0}.ai-fig img{border-radius:12px;width:100%;max-width:420px;box-shadow:0 6px 24px #0000001f}.ai-fig .fig-cap{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.6}.ai-fig .fig-actions{justify-content:center;gap:8px;margin-top:8px;display:flex}.fig-skeleton{background:linear-gradient(100deg, var(--soft) 30%, var(--line) 50%, var(--soft) 70%);background-size:200% 100%;border-radius:12px;height:220px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.share-mask{z-index:85;background:#0f0c08b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;display:flex;position:fixed;inset:0}.share-img{border-radius:12px;max-width:min(92vw,420px);max-height:70vh;box-shadow:0 20px 60px #0006}.share-tip{color:#fff;opacity:.85;text-align:center;font-size:13px}.share-actions{gap:10px;display:flex}.share-actions button,.share-actions a{color:#1a1d29;cursor:pointer;background:#ffffffeb;border:none;border-radius:10px;padding:10px 18px;font-size:14px;text-decoration:none}.streak-bar{background:var(--card);cursor:pointer;border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex;box-shadow:0 2px 8px #0000000f}.streak-bar .fire{font-size:20px}.streak-bar .streak-text{flex:1;font-size:14px;line-height:1.5}.streak-bar .streak-sub{color:var(--muted);font-size:12px}.streak-bar .freeze-n{color:var(--accent);flex:none;font-size:13px}.streak-rules summary{cursor:pointer;color:var(--accent);padding:6px 0;font-size:14px}.streak-rules ol{color:var(--muted);margin:6px 0 0;padding-left:20px;font-size:13px;line-height:1.9}.reward-row{flex-direction:column;gap:10px;display:flex}.reward-row .btn-secondary{text-align:center}.streak-fx{z-index:75;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e120894;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.streak-fx-card{color:#fff;text-align:center;background:linear-gradient(160deg,#ffb36b,#ff7a45);border-radius:20px;width:100%;max-width:340px;padding:28px 32px;box-shadow:0 24px 60px #00000059}.streak-fx-num{font-size:56px;font-weight:800;line-height:1;animation:.45s pop}.streak-fx-cap{opacity:.95;margin-top:4px;font-size:14px}.streak-week{justify-content:center;gap:7px;margin:18px 0;display:flex}.streak-week span{background:#ffffff47;border-radius:50%;width:24px;height:24px;font-size:10px;line-height:24px}.streak-week span.on{color:#d35400;background:#fffffff2;font-weight:700}.streak-week span.today{outline-offset:2px;outline:2px solid #fff}.streak-fx-sub{opacity:.95;font-size:14px}@keyframes pop{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.goal-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.goal-grid button{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:12px;padding:16px 10px;font-size:15px}.goal-grid button:hover{border-color:var(--accent);color:var(--accent)}.goal-grid button.casual{grid-column:span 2}.profile-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.profile-grid .stat-num{font-size:20px}.profile-grid .stat-label{font-size:12px}.muted-note{color:var(--muted);font-size:13px;line-height:1.7}.voice-try{margin-top:8px}.seg-row{flex-wrap:wrap;gap:8px;margin:8px 0 4px;display:flex}.seg-row button{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:13px}.seg-row button.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.theme-dots{gap:10px;margin-top:10px;display:flex}.theme-dot{cursor:pointer;border:none;border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 3px #fff9,0 1px 4px #00000026}.theme-dot.spring{background:linear-gradient(135deg,#f7b6c8,#8fd3a3)}.theme-dot.summer{background:linear-gradient(135deg,#ffd479,#ff9f45)}.theme-dot.autumn{background:linear-gradient(135deg,#d9772f,#e6c15a)}.theme-dot.winter{background:linear-gradient(135deg,#8fb8ff,#e8f1ff)}.theme-dot.on{outline:2px solid var(--accent);outline-offset:2px}@media (width<=640px){.profile-grid{grid-template-columns:repeat(2,1fr);gap:10px}.result-toolbar{gap:6px}.menu-btn{padding:8px 10px;font-size:12px}.toast-stack{bottom:calc(74px + env(safe-area-inset-bottom))}}.daily-gift{max-width:var(--content);text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, var(--accent) 8%);border-radius:14px;margin:16px auto;padding:16px 18px}.daily-gift-cap{justify-content:space-between;align-items:center;gap:10px;display:flex}.daily-gift-cap span{color:var(--accent);letter-spacing:.11em;font-size:11px;font-weight:800}.daily-gift-cap button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.daily-gift blockquote{color:var(--ink);margin:10px 0 8px;font-size:16px;line-height:1.75}.daily-gift-src{color:var(--muted);text-align:right;font-size:12px}.main{padding-top:14px}.seg{background:var(--soft);border-radius:10px;flex-wrap:wrap;gap:3px;max-width:100%;padding:3px;display:flex}.seg button{min-width:0;min-height:34px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:auto;padding:0 10px;font-size:12.5px;font-weight:500}.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #10182814}.list-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.list-row{border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;align-items:center;gap:10px;padding:13px 14px;text-decoration:none;display:flex}.list-row:first-child{border-top:0}.list-row:active{background:var(--soft)}.list-main{flex:1;min-width:0}.list-title{font-size:15px;font-weight:600;line-height:1.35}.list-sub{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.45}.list-right{color:var(--muted);flex:none;align-items:center;gap:8px;display:flex}.chev{color:var(--muted);flex:none}.section-head{justify-content:space-between;align-items:baseline;gap:10px;margin:20px 2px 8px;display:flex}.section-head h2{margin:0;font-size:16px;font-weight:700}.section-head .count{color:var(--muted);font-size:12.5px}.home-hero{max-width:var(--content);justify-content:space-between;align-items:center;gap:12px;margin:0 auto 12px;display:flex}.home-hero .hero-copy{flex:1;min-width:0}.home-title{letter-spacing:-.3px;font-size:20px;font-weight:700}.home-sub{color:var(--muted);margin-top:4px;font-size:13px}.hero-back{padding:6px 0;font-size:13px}.home-hero.has-result .mascot{opacity:0;width:0;height:0;overflow:hidden;transform:scale(.35)}.mascot{cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none;transition:width .4s,opacity .3s,transform .4s;position:relative}.mascot:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}.mascot-float{animation:3.4s ease-in-out infinite owlFloat}@keyframes owlFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mascot .owl{transform-box:fill-box;transform-origin:50% 85%;width:100%;height:auto;transition:transform .3s;display:block}.mascot .owl-cap{fill:var(--brand-deep)}.mascot .owl-capband{fill:color-mix(in srgb, var(--brand-deep) 80%, #000)}.mascot .owl-tassel{stroke:var(--star)}.mascot .owl-tassel-dot{fill:var(--star)}.mascot .owl-body{fill:var(--brand)}.mascot .owl-belly{fill:#fff}.mascot .owl-wing{fill:color-mix(in srgb, var(--brand) 74%, #000);opacity:.9}.mascot .owl-eye{fill:#fff}.mascot .owl-pupil{fill:#1c2b3a}.mascot .owl-glint{fill:#fff}.mascot .owl-beak{fill:#f5a742}.mascot .owl-eyes{transform-box:fill-box;transform-origin:50%;animation:4.4s ease-in-out infinite owlBlink}@keyframes owlBlink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.06)}}.mascot .owl-eyes-closed,.mascot .owl-eyes-dizzy{display:none}.mascot .owl-eyes-closed path,.mascot .owl-eyes-dizzy path{stroke:#16211f;fill:none}.mascot.mood-sleepy .owl-eyes,.mascot.mood-dizzy .owl-eyes{display:none}.mascot.mood-sleepy .owl-eyes-closed,.mascot.mood-dizzy .owl-eyes-dizzy{display:block}.mascot.mood-thinking .owl{animation:1.15s ease-in-out infinite owlSway}.mascot.mood-thinking .owl-pupils{transform-box:fill-box;transform-origin:50%;animation:1.05s linear infinite owlThink}@keyframes owlSway{0%,to{transform:rotate(-4.5deg)}50%{transform:rotate(4.5deg)}}@keyframes owlThink{0%{transform:translateY(-3.5px)}25%{transform:translate(3.5px)}50%{transform:translateY(3.5px)}75%{transform:translate(-3.5px)}to{transform:translateY(-3.5px)}}.mascot.mood-done .owl{animation:.6s cubic-bezier(.34,1.56,.64,1) owlHop}@keyframes owlHop{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-12%)scale(.96,1.05)}60%{transform:translateY(0)scale(1.04,.95)}to{transform:none}}.mascot.mood-dizzy .owl{animation:.5s ease-in-out infinite owlSway}.mascot.mood-sad .owl{transform:rotate(-9deg)}.mascot .zz{color:var(--accent);opacity:0;pointer-events:none;font-size:13px;font-weight:800;position:absolute;top:24px;right:8px}.mascot .zz:nth-of-type(2){font-size:17px}.mascot .zz:nth-of-type(3){font-size:21px}.mascot.mood-sleepy .zz{animation:2.6s ease-out infinite zFloat}.mascot.mood-sleepy .zz:nth-of-type(2){animation-delay:.85s}.mascot.mood-sleepy .zz:nth-of-type(3){animation-delay:1.7s}@keyframes zFloat{0%{opacity:0;transform:translate(0)scale(.5)rotate(-8deg)}25%{opacity:1}to{opacity:0;transform:translate(16px,-30px)scale(1.15)rotate(6deg)}}.mascot-bubble{z-index:2;background:var(--card);border:1px solid var(--line);width:max-content;max-width:168px;color:var(--muted);white-space:normal;text-align:left;border-radius:11px 11px 11px 3px;margin-right:-14px;padding:5px 11px;font-size:11.5px;line-height:1.5;animation:2.6s ease-in-out infinite bubbleFloat;position:absolute;top:-10px;right:50%;box-shadow:0 2px 8px #1018280f}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mascot-pal{z-index:30;opacity:.92;animation:.5s cubic-bezier(.34,1.56,.64,1) both palIn;position:fixed;bottom:88px;right:max(12px,50vw - 452px)}@keyframes palIn{0%{opacity:0;transform:scale(0)rotate(-28deg)}}.mascot-pal .mascot-bubble{opacity:0;pointer-events:none;border-radius:12px 12px 4px;margin-right:10px;transition:opacity .25s,transform .25s;animation:none;top:4px;right:100%;transform:translate(8px)}.mascot-pal .mascot-bubble.show{opacity:1;transform:none}@media (width>=960px){.appbar{padding-left:100px;padding-right:100px}.tabs{width:var(--content);max-width:var(--content);margin:14px auto 18px}.tab{flex-direction:row;flex:1;gap:8px;min-height:40px;font-size:13px}.main>*{max-width:var(--content);margin-left:auto;margin-right:auto}}@media (width<=640px){.mascot{width:74px}.mascot-bubble{border-radius:11px 11px 3px;max-width:156px;margin-top:0;margin-right:8px;animation:none;top:50%;right:100%;transform:translateY(-50%)}.mascot-pal .mascot-bubble{top:4px;transform:none}.mascot-pal{opacity:.9;justify-content:flex-end;margin:18px 0 0;display:flex;position:static}.result-toolbar{gap:6px;margin-top:14px}.result-toolbar .spacer{display:none}.result-toolbar .menu-btn{padding:7px 10px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.mascot-float,.mascot .owl-eyes,.mascot-bubble{animation:none!important}}.today-card{max-width:var(--content);margin:0 auto 12px;padding:14px}.today-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.today-top b{font-size:15px}.today-top .streak-chip{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.progress-track{background:var(--soft);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:999px;height:100%;transition:width .3s}.progress-line{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.stat-row{gap:8px;margin-top:12px;display:flex}.stat-pill{background:var(--soft);text-align:center;border-radius:10px;flex:1;padding:9px 4px}.stat-pill b{font-size:17px;line-height:1.2;display:block}.stat-pill span{color:var(--muted);font-size:11px}.today-cta{border-radius:12px;width:100%;height:46px;margin-top:12px;font-size:15px;font-weight:600}.focus-shell{min-height:100svh;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.focus-top{align-items:center;gap:12px;padding:10px 2px 8px;display:flex}.focus-close{background:var(--soft);width:36px;height:36px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:20px;line-height:1}.focus-title{min-width:0;color:var(--ink);flex:1;font-size:14px;font-weight:600}.focus-count{color:var(--muted);flex:none;font-size:13px}.focus-bar{background:var(--soft);border-radius:999px;height:4px;overflow:hidden}.focus-bar i{background:var(--accent);border-radius:999px;height:100%;transition:width .25s;display:block}.focus-body{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px 0;display:flex}.focus-actions{padding:8px 0 calc(6px + env(safe-area-inset-bottom))}.focus-card{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:18px;width:100%;max-width:720px;padding:22px 16px}.focus-card .word-big{font-size:44px}.focus-card .gloss{text-align:left}.focus-meta{text-align:center;color:var(--muted);margin-top:10px;font-size:12px}.setting-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.setting-row:first-of-type{border-top:0}.setting-row>.seg{margin-left:auto}.setting-name{color:var(--ink);font-size:14.5px;font-weight:500}.setting-row .deck-meta{margin-top:2px}.setting-group+.setting-group{margin-top:6px}.setting-block{padding:2px 0 6px}@media (width<=640px){.modal-mask{align-items:flex-end;padding:0}.modal-card{max-width:none;padding:8px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;max-height:90svh}.modal-head{padding-top:8px}.modal-head:before{content:"";background:var(--line);border-radius:999px;width:38px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.modal-card{position:relative}.home-title{font-size:19px}.today-card{padding:13px}.stat-pill b{font-size:16px}.list-row{padding:12px 13px}.focus-card .word-big{font-size:38px}}body.focus-mode .app{padding:0 14px calc(10px + env(safe-area-inset-bottom))}body.focus-mode .main{padding-top:0}body.focus-mode .focus-shell{min-height:calc(100svh - 10px - env(safe-area-inset-bottom))}.focus-body>.rate-row,.focus-body>.spell-box,.focus-body>.review-prompt{margin-top:16px}.focus-hint{text-align:center;color:var(--muted);margin-top:14px;font-size:12px;line-height:1.55}.book-tools{justify-content:space-between;align-items:center;gap:10px;min-height:24px;margin:4px 2px 10px;display:flex}.book-row{border-top:1px solid var(--line)}.book-row:first-child,.book-row .list-row{border-top:0}.book-detail-wrap{border-top:1px solid var(--line);background:color-mix(in srgb, var(--soft) 55%, transparent);padding:0 14px 12px}.book-detail{color:var(--ink);padding-top:10px;font-size:14px;line-height:1.75}.book-detail p{margin:0 0 8px}.book-detail p:last-child{margin-bottom:0}.book-detail-wrap .link{margin-top:4px}.goal-chips{flex-wrap:wrap;gap:8px;display:flex}.goal-chips button{border:1px solid var(--line);background:var(--card);min-width:76px;color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;padding:9px 13px;font-size:13px;line-height:1.2}.goal-chips button.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);font-weight:600}.chev.open{transform:rotate(90deg)}.book-foot{text-align:center;margin:14px 2px 6px}.book-foot .link{color:var(--muted);font-size:12.5px}.book-foot .link.danger{color:color-mix(in srgb, var(--bad) 80%, var(--muted))}.size-row{align-items:center;gap:8px;margin-top:8px;display:flex}.size-chip{border:1px solid var(--line);background:var(--card);min-width:56px;height:40px;color:var(--ink);cursor:pointer;border-radius:10px;flex:none;padding:0 14px;font-size:14px;font-weight:500}.size-chip.on{border-color:var(--accent);color:var(--on-accent);background:var(--accent);font-weight:600}.size-input{border:1px solid var(--line);background:var(--card);min-width:0;height:40px;color:var(--ink);border-radius:10px;flex:1;padding:0 12px;font-size:14px}.chev{transition:transform .18s}.form-block{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.form-block:first-of-type{margin-top:6px}.field-label{color:var(--muted);margin-bottom:8px;font-size:12.5px;font-weight:600}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.chip-sm{border:1px solid var(--line);background:var(--card);min-height:32px;color:var(--ink);cursor:pointer;border-radius:999px;padding:0 12px;font-size:13px}.chip-sm.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);font-weight:600}.login-gate{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:20px;max-width:480px;margin:24px auto 0;padding:32px 24px 28px;box-shadow:0 6px 24px #1018280d}.login-gate .lg-art{background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 18px;display:grid}.login-gate .lg-art svg{width:34px;height:34px;display:block}.login-gate .lg-title{color:var(--ink);margin-bottom:8px;font-size:19px;font-weight:700}.login-gate .lg-sub{color:var(--muted);margin-bottom:22px;font-size:14px;line-height:1.7}.login-gate .lg-cta{background:var(--accent);width:100%;color:var(--on-accent);border-radius:12px;padding:13px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:background .16s,transform .16s;display:block}.login-gate .lg-cta:active{transform:scale(.985)}.login-gate .lg-alt{color:var(--accent);opacity:.85;margin-top:14px;font-size:13px;text-decoration:none;display:inline-block}.login-gate .lg-alt:hover{opacity:1}.sample-block{max-width:var(--content);margin:18px auto 0}.sample-head{text-align:center;margin-bottom:14px}.sample-head h2{color:var(--ink);margin-bottom:6px;font-size:17px;font-weight:700}.sample-head p{color:var(--muted);font-size:13px}.sample-card{text-align:left;background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:14px;width:100%;margin-bottom:10px;padding:15px 18px;transition:border-color .16s,transform .16s,box-shadow .16s;display:block}.sample-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 10%, transparent)}.sample-card:active{transform:scale(.99)}.sample-card .sc-word{color:var(--accent);margin-bottom:4px;font-size:17px;font-weight:700}.sample-card .sc-hint{color:var(--muted);font-size:13px;line-height:1.6}@media (width<=640px){.login-gate{border-radius:18px;margin-top:16px;padding:28px 20px 24px}.sample-block{margin-top:16px}}.login-page{max-width:440px;margin:0 auto;padding-top:clamp(12px,6vh,56px)}.auth-brand{text-align:center;margin-bottom:22px}.auth-brand .ab-mark{background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:17px;place-items:center;width:56px;height:56px;margin:0 auto 12px;display:grid}.auth-brand .ab-mark svg{width:30px;height:30px;display:block}.auth-brand h1{color:var(--ink);letter-spacing:-.2px;font-size:20px;font-weight:700}.auth-brand p{color:var(--muted);margin-top:4px;font-size:13px}.auth-card{padding:16px 16px 18px}.auth-seg{background:var(--soft);border-radius:11px;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:16px;padding:3px;display:grid}.auth-seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 4px;font-size:13px;font-weight:600;transition:background .16s,color .16s,box-shadow .16s}.auth-seg button.on{background:var(--card);color:var(--accent);box-shadow:0 1px 4px #10182814}.focus-card.swipable{touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;position:relative}.focus-card.sw-good{border-color:var(--ok);box-shadow:0 10px 30px color-mix(in srgb, var(--ok) 38%, transparent)}.focus-card.sw-again{border-color:var(--bad);box-shadow:0 10px 30px color-mix(in srgb, var(--bad) 38%, transparent)}.focus-card.sw-kill{border-color:var(--muted);box-shadow:0 10px 30px #787d8761}.swipe-tip{z-index:5;color:var(--on-accent);white-space:nowrap;pointer-events:none;border-radius:999px;padding:5px 16px;font-size:13px;font-weight:700;animation:.14s swipeTipIn;position:absolute;top:10px;left:50%;transform:translate(-50%)}.swipe-tip.st-good{background:var(--ok)}.swipe-tip.st-again{background:var(--bad)}.swipe-tip.st-kill{background:var(--muted)}@keyframes swipeTipIn{0%{opacity:0;transform:translate(-50%,-4px)}}.appbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.appbar-btn{background:var(--accent);height:32px;color:var(--on-accent);border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;transition:filter .16s,transform .16s;display:inline-flex}.appbar-btn:hover{filter:brightness(1.06)}.appbar-btn:active{transform:scale(.97)}.appbar-btn.ghost{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent)}@media (width<=640px){.appbar-right{display:none}}.write-page{max-width:720px;padding:8px 0 calc(12px + env(safe-area-inset-bottom));margin:0 auto}.write-head{align-items:center;gap:12px;padding:6px 2px 10px;display:flex}.write-back{background:var(--soft);width:36px;height:36px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:18px;line-height:1}.write-title{color:var(--ink);font-size:15px;font-weight:600}.write-prompt{text-align:center;padding:6px 0 14px}.write-py{letter-spacing:1px;color:var(--ink);margin:0;font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif;font-size:30px;font-weight:600}.write-gloss{color:var(--muted);margin:6px 0 0;font-size:13.5px;line-height:1.6}.write-pad-wrap{justify-content:center;margin-bottom:16px;display:flex}.write-pad{background-color:#fffdf9;background-repeat:repeat-x;border:1px solid #e6d3d4;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 1px 3px #1018280f}.write-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.write-tools{justify-content:center;gap:10px;margin-bottom:14px;display:flex}.write-tools .btn-secondary{padding:10px 18px}.write-tools .btn-secondary:disabled{opacity:.45;cursor:default}.write-submit{padding:10px 30px}.write-submit:disabled{opacity:.45;cursor:default}.write-error{background:color-mix(in srgb, var(--bad) 10%, transparent);color:var(--bad);border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:13.5px}.write-result{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:16px}.write-verdict{text-align:center;padding:10px 0 12px;font-size:17px;font-weight:700}.write-verdict.ok{color:var(--ok)}.write-verdict.bad{color:var(--bad)}.write-chars{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.write-char{text-align:center;border-radius:8px;min-width:46px;padding:6px 8px;font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif;font-size:26px;line-height:1.2}.write-char.ok{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok)}.write-char.bad{background:color-mix(in srgb, var(--bad) 14%, transparent);color:var(--bad)}.write-row{border-top:1px solid var(--line);gap:10px;padding:7px 0;font-size:14px;display:flex}.write-row-label{width:68px;color:var(--muted);flex:none}.write-row-val{color:var(--ink);word-break:break-all;flex:1}.write-std{font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif}.write-feedback{background:var(--soft);color:var(--ink);white-space:pre-wrap;border-radius:10px;margin:12px 0 0;padding:12px;font-size:14px;line-height:1.75}.write-selfcheck-tip{color:var(--muted);text-align:center;margin:0 0 14px;font-size:13.5px;line-height:1.7}.write-empty-note{text-align:center;color:var(--warn);margin:0;padding:14px 4px;font-size:14.5px;line-height:1.8}.write-std-big{text-align:center;letter-spacing:4px;color:var(--ink);font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif;font-size:64px;line-height:1.25}.write-std-py{text-align:center;color:var(--muted);margin:4px 0 14px;font-size:14px}.write-self-rate{justify-content:center;gap:10px;display:flex}.write-self-rate .btn-secondary{padding:10px 20px}.write-self-rate .btn-secondary.picked{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.write-rated{text-align:center;color:var(--accent);margin:10px 0 0;font-size:13px}.write-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.write-actions .btn-secondary,.write-actions .search-btn{padding:10px 20px}.write-empty{text-align:center;color:var(--muted);padding:60px 20px;font-size:14.5px;line-height:1.7}@media (width<=640px){.write-pad{max-width:100%!important}.write-py{font-size:25px}.write-tools{gap:8px}.write-tools .btn-secondary{padding:10px 14px;font-size:13.5px}.write-submit{padding:10px 22px}.write-empty-note{text-align:center;color:var(--warn);margin:0;padding:14px 4px;font-size:14.5px;line-height:1.8}.write-std-big{font-size:52px}}.sheet-mask{z-index:85;-webkit-backdrop-filter:blur(3px);background:#14100a80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.explain-sheet{background:var(--card);width:100%;max-width:760px;max-height:92svh;color:var(--ink);border-radius:18px 18px 0 0;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 -8px 40px #0000003d}@media (width>=760px){.sheet-mask{align-items:center;padding:24px}.explain-sheet{border-radius:16px;max-height:88vh;box-shadow:0 20px 60px #00000047}}.es-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 10px;display:flex}.es-word{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.es-close{background:var(--soft);width:32px;height:32px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:20px;line-height:1}.es-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:0 18px 18px;overflow-y:auto}.explain-sheet .es-result h1{display:none}.explain-sheet .es-result{max-width:none;box-shadow:none;background:0 0;border-radius:0;margin:0;padding:14px 0 0}.es-loading{text-align:center;color:var(--muted);margin:0;padding:28px 0;font-size:14px}.es-error{background:color-mix(in srgb, var(--bad) 10%, transparent);color:var(--bad);border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:13.5px}.es-rare{text-align:center;margin-top:16px}.es-rare p{color:var(--muted);margin:0 0 12px;font-size:14px;line-height:1.7}.es-rare .search-btn{padding:10px 22px}.es-foot{padding:10px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--card);flex:none}.es-foot .btn-secondary{width:100%;padding:12px 16px}