:root{--sl-ink: #0d1226;--sl-ink-2: #141a36;--sl-paper: #efe0c2;--sl-paper-dim: #cdb58c;--sl-amber: #ffb347;--sl-amber-soft: #ffd79a;--sl-copper: #b07a4a;--sl-teal: #5fa8a0;--sl-text: #f3e9d6;--sl-text-dim: #c9b894;--sl-text-mute: #93866b;--sl-line: rgb(255, 215, 154, .16);--sl-panel: rgb(20, 26, 54, .72)}body{min-height:100dvh;background:radial-gradient(ellipse 70% 42% at 50% 78%,rgb(255,179,71,.1),transparent),radial-gradient(ellipse 60% 40% at 12% 6%,rgb(95,168,160,.08),transparent),linear-gradient(170deg,#070a18 0%,var(--sl-ink) 48%,#0a0e1f 100%);color:var(--sl-text);font-family:Segoe UI,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;--tok-accent: var(--sl-amber);--tok-accent-2: var(--sl-copper)}.sl-icon-btn{color:var(--sl-text)}.sl-icon-btn:hover{background:rgba(255,215,154,.12)}.sl-topbar-center{display:flex;align-items:center;gap:12px}.sl-brand{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1}.sl-brand-zh{font-size:17px;font-weight:600;letter-spacing:.08em;color:var(--sl-amber-soft);white-space:nowrap}html[lang=zh-CN] .sl-title{letter-spacing:.5em;padding-left:.5em}html[lang=zh-CN] .sl-brand-zh{letter-spacing:.42em;padding-left:.42em}.sl-progress{display:flex;gap:5px;min-height:6px}.sl-progress i{width:5px;height:5px;border-radius:50%;background:rgba(243,233,214,.22)}.sl-progress i.is-done{background:var(--sl-copper)}.sl-progress i.is-current{background:var(--sl-amber);box-shadow:0 0 6px rgba(255,179,71,.8)}.sl-target-btn{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--sl-line);background:radial-gradient(circle at 50% 45%,rgba(239,224,194,.22),rgba(239,224,194,.04) 70%);cursor:pointer;display:grid;place-items:center;transition:transform .12s,border-color .2s}.sl-target-btn:after{content:"";position:absolute;inset:var(--tok-hit-pad)}.sl-target-btn:hover{border-color:rgba(255,215,154,.45)}.sl-target-btn:active{transform:scale(.94)}.sl-target-btn canvas{width:30px;height:30px;display:block}.sl-target-btn.is-hint{animation:sl-breathe 1.8s ease-in-out infinite}@keyframes sl-breathe{0%,to{box-shadow:0 0 rgba(255,179,71,0)}50%{box-shadow:0 0 14px rgba(255,179,71,.55)}}.sl-stage{min-width:260px}#sl-canvas{background:var(--sl-ink);border:1px solid rgb(176,122,74,.28);box-shadow:0 22px 60px rgba(0,0,0,.55),0 0 60px rgba(255,179,71,.06);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}#sl-canvas.is-grabbing{cursor:grabbing}#sl-canvas.is-idle{cursor:default}.sl-toast{top:12px;padding:7px 16px;max-width:86%;text-align:center;font-size:12.5px;color:var(--sl-text);background:rgba(13,18,38,.82);border:1px solid var(--sl-line);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}.sl-toast.is-on{opacity:1}.sl-overlay{text-align:center;background:rgba(9,12,28,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--sl-text)}.sl-hero{filter:drop-shadow(0 0 22px rgb(255,179,71,.35))}.sl-title{font-size:36px;font-weight:600;letter-spacing:.06em;color:var(--sl-amber-soft);line-height:1.1}.sl-subtitle{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--sl-text-mute);margin-top:-4px}.sl-copy{max-width:340px;font-size:13.5px;line-height:1.65;color:var(--sl-text-dim)}.sl-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 26px;border:none;border-radius:999px;font:inherit;font-size:15px;font-weight:700;color:#2a1706;background:radial-gradient(circle at 35% 30%,#ffe2a8,var(--sl-amber) 70%);box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 26px rgba(255,179,71,.35);cursor:pointer;transition:transform .12s,box-shadow .2s}.sl-primary:hover{box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 36px rgba(255,179,71,.55)}.sl-primary:active{transform:scale(.96)}.sl-level-label{margin-top:4px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sl-text-mute)}.sl-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:360px}.sl-chip{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:58px;padding:8px 4px 7px;border-radius:12px;border:1px solid var(--sl-line);background:rgba(239,224,194,.05);color:var(--sl-text);font:inherit;cursor:pointer;transition:background .15s,transform .1s,border-color .15s}.sl-chip:hover{background:rgba(239,224,194,.11)}.sl-chip:active{transform:scale(.95)}.sl-chip.is-done{border-color:rgba(176,122,74,.6);background:rgba(176,122,74,.14)}.sl-chip-name{font-size:15px;font-weight:700;color:inherit}.sl-chip-chapter{font-size:10.5px;letter-spacing:.06em;color:var(--sl-text-mute)}.sl-chip.is-done .sl-chip-chapter{color:var(--sl-amber-soft)}.sl-result{justify-content:flex-end;padding-bottom:18px;background:linear-gradient(180deg,transparent 63%,rgb(9,12,28,.6) 72%,rgb(9,12,28,.9));backdrop-filter:none;-webkit-backdrop-filter:none;animation:sl-fade-in .6s ease-out both}@keyframes sl-fade-in{0%{opacity:0}to{opacity:1}}.sl-card{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px 16px;border-radius:16px;background:rgba(13,18,38,.86);border:1px solid var(--sl-line);box-shadow:0 18px 50px rgba(0,0,0,.5)}.sl-card-kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--sl-text-mute)}.sl-card-title{font-size:22px;font-weight:600;letter-spacing:.12em;color:var(--sl-amber-soft)}.sl-result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}.sl-result-stats div{display:flex;flex-direction:column;gap:2px;padding:6px 2px;border-radius:10px;background:rgba(239,224,194,.05)}.sl-result-stats dt{font-size:10.5px;color:var(--sl-text-mute)}.sl-result-stats dd{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--sl-text)}.sl-btn-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px}.sl-btn{min-height:44px;padding:9px 16px;border-radius:999px;border:1px solid var(--sl-line);background:rgba(239,224,194,.07);color:var(--sl-text);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.sl-btn:hover{background:rgba(239,224,194,.14)}.sl-btn:active{transform:scale(.95)}.sl-btn-primary{border:none;color:#2a1706;background:radial-gradient(circle at 35% 30%,#ffe2a8,var(--sl-amber) 70%);box-shadow:0 0 22px rgba(255,179,71,.3)}.sl-btn-primary:hover{background:radial-gradient(circle at 35% 30%,#fff0cc,var(--sl-amber) 70%)}.sl-btn-ghost{background:transparent}.sl-side-card{background:var(--sl-panel);border-color:var(--sl-line);color:var(--sl-text)}.sl-side-title{color:var(--sl-amber-soft)}.sl-side-text{font-size:13px;line-height:1.6;color:var(--sl-text-dim)}.sl-side-records{display:flex;flex-direction:column;gap:4px}.sl-rec-row{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:10px;font-size:12.5px;color:var(--sl-text-dim);padding:3px 0;border-bottom:1px dashed rgb(255,215,154,.1)}.sl-rec-row:last-child{border-bottom:none}.sl-rec-row b{color:var(--sl-text);font-weight:600}.sl-rec-row span{font-variant-numeric:tabular-nums;color:var(--sl-text-mute)}.sl-rec-row.is-done span{color:var(--sl-amber-soft)}.sl-side-keys{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center;font-size:12.5px;color:var(--sl-text-dim)}.sl-side-keys kbd{justify-self:start;padding:2px 7px;border-radius:6px;border:1px solid var(--sl-line);background:rgba(239,224,194,.06);font:inherit;font-size:11.5px;color:var(--sl-text);white-space:nowrap}.sl-footer-hint{color:var(--sl-text-mute)}@media(max-width:480px){.sl-brand-zh{font-size:15px}.sl-title{font-size:30px}.sl-overlay{padding:14px 12px}.sl-result-stats dd{font-size:14px}.sl-btn{padding:9px 13px;font-size:13px}}@media(prefers-reduced-motion:reduce){.sl-target-btn.is-hint,.sl-result{animation:none}}.sl-shell{--frame-max: 520px;--frame-stage: 460px;--frame-side: 300px;--frame-ratio: .5621;--frame-stage-h: 960px;--frame-shell-max: calc(var(--stage-w) + var(--frame-main-gap) + var(--frame-side) + 24px);--frame-stage-cap: min(var(--stage-w), calc(100% - var(--frame-main-gap) - var(--frame-side)))}