:root[data-theme=day]{--paper: oklch(.964 .013 83);--paper-2: oklch(.945 .014 80);--card: oklch(.992 .006 84);--card-2: oklch(.975 .008 82);--edge: oklch(.855 .013 78);--edge-soft: oklch(.905 .01 80);--ink: oklch(.305 .028 236);--ink-soft: oklch(.455 .024 232);--ink-faint: oklch(.62 .018 228);--rule: oklch(.885 .018 226);--margin: oklch(.7 .052 28);--accent: oklch(.545 .064 196);--accent-deep: oklch(.47 .058 198);--accent-wash: oklch(.93 .022 196);--stamp: oklch(.545 .09 27);--wrong: oklch(.56 .058 30);--tape: oklch(.9 .03 92);--note-bg: oklch(.965 .028 96);--silas-bg: oklch(.955 .012 84);--slip: oklch(.985 .012 92);--light: oklch(.99 .02 90 / .85);--light-2: oklch(.97 .03 60 / 0);--shadow: .3 .02 236}:root[data-theme=night]{--paper: oklch(.203 .018 242);--paper-2: oklch(.178 .018 244);--card: oklch(.255 .02 240);--card-2: oklch(.232 .02 240);--edge: oklch(.36 .02 240);--edge-soft: oklch(.31 .018 240);--ink: oklch(.91 .012 86);--ink-soft: oklch(.745 .016 92);--ink-faint: oklch(.575 .016 110);--rule: oklch(.345 .016 240);--margin: oklch(.54 .058 30);--accent: oklch(.69 .078 188);--accent-deep: oklch(.76 .07 186);--accent-wash: oklch(.32 .04 196);--stamp: oklch(.62 .1 30);--wrong: oklch(.64 .072 32);--tape: oklch(.33 .03 96);--note-bg: oklch(.285 .024 250);--silas-bg: oklch(.225 .018 242);--slip: oklch(.3 .02 244);--light: oklch(.55 .04 250 / .3);--light-2: oklch(.5 .05 280 / 0);--shadow: .1 .02 240}:root{--font-sans: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", Segoe UI, Roboto, sans-serif;--font-serif: "Newsreader", Georgia, "Times New Roman", "PingFang SC", "Microsoft YaHei", serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, "PingFang SC", "Microsoft YaHei", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:16px;line-height:1.6}::selection{background:var(--accent-wash);color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit}input,textarea{font-family:var(--font-sans)}a{color:var(--accent-deep);text-decoration:none}.app{position:relative;height:100%;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(120% 80% at 8% -8%,var(--light),var(--light-2) 55%),var(--paper);isolation:isolate}.app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}[data-theme=night] .app:after{mix-blend-mode:screen;opacity:.22}.stage{min-height:0;display:grid;grid-template-columns:1fr;overflow:hidden}@media (min-width: 1000px){.stage{grid-template-columns:minmax(0,1fr) 348px}}.main{min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px clamp(18px,5vw,40px) 30px;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.main::-webkit-scrollbar{width:8px}.main::-webkit-scrollbar-thumb{background:var(--edge);border-radius:4px}.col{max-width:560px;margin:0 auto}.hd{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:22px clamp(18px,5vw,40px) 14px}.hd-l{display:flex;flex-direction:column;gap:3px;min-width:0}.hd-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-greet{font-family:var(--font-serif);font-weight:500;font-size:clamp(20px,4.6vw,26px);line-height:1.1;color:var(--ink);letter-spacing:.01em}.toggle{flex:none;display:flex;align-items:center;gap:0;cursor:pointer;border:1px solid var(--edge);border-radius:999px;padding:3px;background:var(--card);position:relative}.toggle span{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;padding:4px 9px;border-radius:999px;color:var(--ink-faint);z-index:1;transition:color .25s;-webkit-user-select:none;user-select:none}.toggle .knob{position:absolute;top:3px;bottom:3px;width:calc(50% - 3px);background:var(--accent-wash);border:1px solid var(--accent);border-radius:999px;transition:transform .28s cubic-bezier(.4,.1,.2,1)}[data-theme=day] .toggle .knob{transform:translate(0)}[data-theme=night] .toggle .knob{transform:translate(100%)}[data-theme=day] .toggle span.d,[data-theme=night] .toggle span.n{color:var(--accent-deep)}.nav{display:flex;align-items:stretch;gap:2px;border-top:1px solid var(--edge);background:var(--card);padding:6px clamp(14px,5vw,40px);padding-bottom:max(6px,env(safe-area-inset-bottom))}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:8px 4px 6px;color:var(--ink-faint);position:relative}.nav-btn .gl{font-family:var(--font-serif);font-size:19px;line-height:1;font-weight:500;letter-spacing:.04em}.nav-btn .lb{font-size:11px;letter-spacing:.14em}.nav-btn.on{color:var(--ink)}.nav-btn.on:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:22px;height:2px;background:var(--accent);border-radius:2px}.nav-spacer{width:1px;background:var(--edge-soft);margin:8px 0}.nav-silas{flex:none;align-self:center;display:flex;align-items:center;gap:7px;border:1px solid var(--edge);border-radius:999px;padding:7px 13px;background:var(--card);color:var(--ink-soft);cursor:pointer;font-size:12.5px;letter-spacing:.02em}.nav-silas .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}@media (min-width: 1000px){.nav-silas{display:none}}.prog{display:flex;align-items:center;gap:12px;padding:14px 2px 18px}.prog .rule{flex:1;height:14px;position:relative}.prog .rule .ticks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:0}.prog .rule .tk{flex:1;border-left:1px solid var(--edge)}.prog .rule .tk:last-child{border-right:1px solid var(--edge)}.prog .rule .tk.done{border-left-color:var(--accent)}.prog .rule .fill{position:absolute;left:0;top:5px;height:2px;background:var(--accent);transition:width .4s cubic-bezier(.4,.1,.2,1)}.prog .count{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-faint);white-space:nowrap}.card{position:relative;background:var(--card);border:1px solid var(--edge);border-radius:3px;padding:30px 30px 26px 46px;box-shadow:0 1px 0 var(--edge-soft),0 18px 34px -26px oklch(var(--shadow) / .5);background-image:linear-gradient(var(--rule) 1px,transparent 1px);background-size:100% 30px;background-position:0 78px}.card:before{content:"";position:absolute;top:0;bottom:0;left:34px;width:1px;background:var(--margin);opacity:.55}.card-tab{position:absolute;top:13px;right:16px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:var(--ink-faint)}.card-star{position:absolute;top:8px;left:12px;background:none;border:none;cursor:pointer;font-size:20px;line-height:1;padding:4px;color:var(--margin);transition:transform .15s;z-index:2}.card-star:hover{transform:scale(1.15)}.card-pos{font-family:var(--font-serif);font-style:italic;font-size:15px;color:var(--ink-faint);margin-bottom:2px}.card-word{font-family:var(--font-serif);font-weight:500;font-size:clamp(34px,8vw,46px);line-height:1.05;letter-spacing:-.01em;color:var(--ink)}.card-ipa{font-family:var(--font-mono);font-size:13px;color:var(--ink-soft);margin-top:6px}.card-ask{font-size:13px;color:var(--ink-faint);margin-top:18px;letter-spacing:.02em}.senses{list-style:none;margin-top:8px}.sense{position:relative;display:flex;align-items:flex-start;gap:13px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:12px 6px 12px 0;border-bottom:1px solid var(--edge-soft);color:var(--ink);font-size:16px;line-height:1.45}.sense:last-child{border-bottom:none}.sense .idx{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);padding-top:3px;flex:none;width:16px}.sense .txt{flex:1;position:relative;padding-bottom:1px}.sense .txt:after{content:"";position:absolute;left:-2px;bottom:1px;width:0;height:2px;transition:width .42s cubic-bezier(.5,0,.2,1)}.sense:not(:disabled):hover .txt{color:var(--accent-deep)}.sense:disabled{cursor:default}.sense.correct .txt{color:var(--accent-deep);font-weight:500}.sense.correct .txt:after{width:calc(100% + 4px);background:var(--accent);bottom:-1px}.sense.wrong .txt{color:var(--wrong)}.sense.wrong .txt:after{width:calc(100% + 4px);background:var(--wrong);top:50%;bottom:auto;opacity:.8}.sense.dim{opacity:.4}.sense .mark{flex:none;width:18px;height:18px;opacity:0;transition:opacity .3s .15s;align-self:center;color:var(--accent)}.sense.correct .mark{opacity:1}.note-wrap{position:relative;margin:26px 8px 8px;min-height:4px}.note{position:relative;background:var(--note-bg);border:1px solid var(--tape);border-radius:2px;padding:18px 20px 16px;transform:rotate(-1.1deg);box-shadow:0 10px 26px -20px oklch(var(--shadow) / .8);animation:noteIn .5s cubic-bezier(.3,.7,.2,1) both}@keyframes noteIn{0%{opacity:0;transform:rotate(-1.1deg) translateY(-10px) scale(.98)}to{opacity:1;transform:rotate(-1.1deg) translateY(0) scale(1)}}.note:before{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%) rotate(1deg);width:62px;height:17px;background:var(--tape);opacity:.7;border:1px solid oklch(0 0 0 / .04);border-radius:1px}.note .en{font-family:var(--font-serif);font-style:italic;font-size:17.5px;line-height:1.55;color:var(--ink);letter-spacing:.005em;display:block}.note .cn{font-weight:400;font-size:15px;line-height:1.6;color:var(--ink-soft);margin-top:11px;display:block}.note .narr{font-weight:300;font-size:12.5px;line-height:1.6;color:var(--ink-faint);margin-top:12px;padding-top:11px;border-top:1px dashed var(--edge);font-style:normal}.note .silas-line{font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--accent-deep);margin-top:14px;padding-top:12px;border-top:1px dashed var(--edge-soft);letter-spacing:.005em}.next-row{display:flex;justify-content:flex-end;margin:22px 6px 4px;gap:14px;align-items:center}.next-hint{font-size:12px;color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.04em}.next{font-family:var(--font-serif);font-size:17px;color:var(--ink);background:none;border:none;border-bottom:1.5px solid var(--accent);padding:2px 2px 4px;cursor:pointer;letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px}.next:hover{color:var(--accent-deep)}.next .arr{transition:transform .25s}.next:hover .arr{transform:translate(4px)}.done-card{text-align:center;padding:54px 24px}.done-card .stamp{display:inline-block;transform:rotate(-7deg);margin-bottom:22px;border:2.5px solid var(--stamp);color:var(--stamp);border-radius:6px;padding:8px 18px;font-family:var(--font-mono);font-weight:500;font-size:15px;letter-spacing:.16em;opacity:.8}.done-card h3{font-family:var(--font-serif);font-weight:500;font-size:26px;color:var(--ink)}.done-card p{color:var(--ink-faint);margin-top:10px;font-size:14px}.done-card .again{margin-top:26px;font-family:var(--font-serif);font-size:16px;background:none;border-bottom:1.5px solid var(--accent);border-top:none;border-left:none;border-right:none;color:var(--ink);cursor:pointer;padding:3px 4px 5px}.silas{background:var(--silas-bg);border-left:1px solid var(--edge);display:flex;flex-direction:column;min-height:0;overflow:hidden}.silas-hd{flex:0 0 auto;padding:20px 22px 14px;border-bottom:1px solid var(--edge-soft);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.silas-hd .t{font-family:var(--font-serif);font-weight:500;font-size:18px;color:var(--ink);white-space:nowrap}.silas-hd .s{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase}.silas-hd .x{display:none;background:none;border:none;cursor:pointer;color:var(--ink-faint);font-family:var(--font-mono);font-size:18px;line-height:1;padding:2px 6px;position:absolute;top:18px;right:16px}.slips{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 14px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:var(--edge) transparent;box-sizing:border-box}@media (min-width: 1000px){.slips{padding:22px 18px 18px}}.slips::-webkit-scrollbar{width:7px}.slips::-webkit-scrollbar-thumb{background:var(--edge);border-radius:4px}.slip{max-width:85%;min-width:0;box-sizing:border-box;background:var(--slip);border:1px solid var(--edge-soft);border-radius:3px;padding:14px 16px;font-family:var(--font-serif);font-size:15.5px;line-height:1.6;color:var(--ink);box-shadow:0 8px 20px -18px oklch(var(--shadow) / .9);position:relative;letter-spacing:.005em;animation:slipIn .35s ease both;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.slip .cn{font-family:var(--font-sans);font-weight:400}@keyframes slipIn{0%{opacity:0}to{opacity:1}}.slip.from-silas{align-self:flex-start;background:var(--slip)}.slip.from-user{align-self:flex-end;background:var(--accent-wash);border-color:var(--accent);font-family:var(--font-sans)}.slip .pin{position:absolute;top:-6px;right:14px;width:8px;height:8px;border-radius:50%;background:var(--margin);opacity:.6;box-shadow:0 1px 2px #0003}.slip-foot{font-family:var(--font-sans);font-weight:300;font-size:12px;color:var(--ink-faint);text-align:center;padding:4px 0 2px;letter-spacing:.05em}.silas-toolbar{flex:0 0 auto;display:flex;gap:6px;padding:8px 16px;flex-wrap:wrap;border-bottom:1px solid var(--edge-soft);background:var(--card);align-items:center}.slip-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-faint);display:flex;gap:6px;margin-bottom:4px;flex-wrap:wrap;min-width:0}.slip-meta>span{min-width:0;overflow-wrap:anywhere}.slip-body{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;min-width:0}.slip-inner{font-family:var(--font-serif);font-style:italic;font-size:13.5px;color:var(--ink-faint);margin-top:8px;padding-top:7px;border-top:1px dashed var(--edge-soft)}.slip-thinking{margin-bottom:6px}.slip-thinking>summary{cursor:pointer;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-faint);padding:3px 0;-webkit-user-select:none;user-select:none;letter-spacing:.06em}.slip-thinking-body{background:var(--paper-2);border-left:2px solid var(--edge);border-radius:2px;padding:8px 10px;margin-top:4px;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;max-height:min(280px,40vh);overflow-y:auto}.slip-actions{display:flex;gap:6px;margin-top:7px;align-items:center;font-family:var(--font-mono);font-size:10.5px;flex-wrap:wrap;min-width:0}.slip-actions>span{min-width:0;overflow-wrap:anywhere}.slip-action{background:none;border:none;color:var(--ink-faint);cursor:pointer;font-family:var(--font-mono);font-size:10.5px;padding:2px 5px;letter-spacing:.04em;border-radius:3px}.slip-action:hover{color:var(--accent-deep);background:var(--accent-wash)}.slip-action:disabled{opacity:.4;cursor:default}.silas-input-row{flex:0 0 auto;display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--edge-soft);background:var(--card)}.silas-input-row textarea{flex:1;resize:none;min-height:38px;max-height:120px;border:1px solid var(--edge);border-radius:6px;padding:8px 10px;background:var(--card-2);color:var(--ink);font-size:16px;line-height:1.5;font-family:var(--font-sans)}.silas-input-row textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}.silas-input-row button{flex:none;padding:8px 16px;border-radius:6px;border:1px solid var(--accent);background:var(--accent-wash);color:var(--accent-deep);cursor:pointer;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.05em}.silas-input-row button:disabled{opacity:.5;cursor:default}@media (max-width: 999px){.silas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;border:none;border-radius:0;box-shadow:none;transform:translate(100%);transition:transform .3s cubic-bezier(.3,.7,.2,1);padding-top:0}.silas.open{transform:translate(0)}.silas-hd{padding-top:max(16px,env(safe-area-inset-top))}.silas-hd .x{display:block;top:max(14px,env(safe-area-inset-top));right:14px;font-size:26px;padding:4px 8px}.silas:before{display:none}.slips{flex:1;min-height:0}.silas-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:8px 14px}.silas-toolbar::-webkit-scrollbar{display:none}.silas-toolbar .btn{flex:0 0 auto;white-space:nowrap}.slip{max-width:90%}.silas-input-row{padding-bottom:max(12px,env(safe-area-inset-bottom))}.silas-backdrop{display:none}}@media (min-width: 1000px){.silas-backdrop{display:none}}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:6px;border:1px solid var(--edge);background:var(--card);color:var(--ink);cursor:pointer;font-size:14px}.btn:hover{border-color:var(--accent);color:var(--accent-deep)}.btn-primary{background:var(--accent-wash);border-color:var(--accent);color:var(--accent-deep);font-family:var(--font-mono);font-size:12.5px;letter-spacing:.05em}.btn:disabled{opacity:.5;cursor:default}.input{border:1px solid var(--edge);border-radius:6px;padding:9px 12px;background:var(--card-2);color:var(--ink);font-size:16px}.input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.vocab-list{display:flex;flex-direction:column;gap:1px;background:var(--edge-soft);border-radius:4px;overflow:hidden}.vocab-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--card);padding:14px 16px;cursor:pointer}.vocab-row:hover{background:var(--card-2)}.star-btn{flex:none;background:none;border:none;cursor:pointer;font-size:18px;line-height:1;padding:4px;border-radius:4px;color:var(--ink-faint);transition:color .15s,transform .15s}.star-btn:hover{transform:scale(1.15)}.vocab-row .star-btn{color:var(--margin)}.vocab-row .word{font-family:var(--font-serif);font-weight:500;font-size:19px;color:var(--ink)}.vocab-row .meaning{color:var(--ink-soft);font-size:14px;margin-top:2px}.vocab-row .box-marker{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);letter-spacing:.1em}.vocab-row .box-marker .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--edge);margin:0 1px}.vocab-row .box-marker .dot.on{background:var(--accent)}.settings-section{display:flex;flex-direction:column;gap:12px;margin-top:28px}.settings-section h3{font-family:var(--font-serif);font-weight:500;font-size:18px;color:var(--ink)}.settings-section .desc{color:var(--ink-faint);font-size:13px;margin-top:-8px}.settings-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.settings-row label{font-size:13px;color:var(--ink-soft);min-width:100px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0e171e6b;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-shell{min-height:100%;padding:max(24px,env(safe-area-inset-top)) 14px max(40px,env(safe-area-inset-bottom));display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box}.modal-card{background:var(--card);border:1px solid var(--edge);border-radius:6px;padding:24px 24px 22px;width:100%;max-width:580px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 50px -28px oklch(var(--shadow) / .7)}.modal-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.modal-title{font-family:var(--font-serif);font-weight:500;font-size:22px;color:var(--ink)}.modal-sub{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:3px}.modal-x{background:none;border:none;color:var(--ink-faint);font-size:26px;line-height:1;padding:0 4px;cursor:pointer;flex:none}.modal-state{text-align:center;padding:40px 20px}.modal-state-title{font-family:var(--font-serif);font-style:italic;font-size:17px;color:var(--ink)}.modal-state-sub{font-size:12.5px;color:var(--ink-faint);margin-top:6px}.pick-section{display:flex;flex-direction:column;gap:10px}.pick-section-label{font-family:var(--font-serif);font-size:15px;color:var(--ink);font-weight:500}.pick-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pick-divider{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:4px 0}.pick-divider:before,.pick-divider:after{content:"";flex:1;height:1px;background:var(--edge-soft)}.preset-grid{display:grid;gap:8px;grid-template-columns:1fr}@media (min-width: 520px){.preset-grid{grid-template-columns:1fr 1fr}}.preset-card{text-align:left;padding:14px 16px;background:var(--card-2);border:1px solid var(--edge);border-radius:4px;cursor:pointer;color:var(--ink);transition:border-color .15s,background .15s;font-family:inherit}.preset-card:hover{border-color:var(--accent);background:var(--card)}.preset-card-title{font-family:var(--font-serif);font-weight:500;font-size:16px;color:var(--ink)}.preset-card-topic{font-size:12px;color:var(--ink-faint);margin-top:4px;line-height:1.5}.review-summary{font-size:13.5px;color:var(--ink-soft);line-height:1.6}.review-summary b{color:var(--ink);font-family:var(--font-serif);font-weight:500}.review-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.candidate-list{display:flex;flex-direction:column;gap:1px;background:var(--edge-soft);border-radius:4px;overflow:hidden;max-height:50vh;overflow-y:auto}.candidate-row{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:flex-start;background:var(--card);padding:11px 14px;cursor:pointer;transition:background .12s}.candidate-row:hover{background:var(--card-2)}.candidate-row.on{background:var(--accent-wash)}.candidate-row input[type=checkbox]{margin-top:4px;width:18px;height:18px;cursor:pointer}.candidate-word{font-family:var(--font-serif);font-weight:500;font-size:16px;color:var(--ink)}.candidate-hint{font-size:12.5px;color:var(--ink-faint);margin-top:2px;line-height:1.5}.banner{background:#9f5c521f;border:1px solid var(--wrong);color:var(--wrong);border-radius:6px;padding:10px 14px;font-size:13px;margin:12px 0}.fade{animation:fade .4s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}