:root{--sx-bg:#0a0b0d;--sx-surface:#121418;--sx-surface-2:#1a1d23;--sx-border:#262a32;--sx-text:#e8eaed;--sx-text-dim:#9aa0aa;--sx-text-faint:#5f6671;--sx-accent:#00d8c4;--sx-accent-dim:#0b6b62;--sx-high-bg:#2a1416;--sx-high-tx:#ff6b6b;--sx-med-bg:#2a2110;--sx-med-tx:#f0b429;--sx-ok:#3ddc97;--sx-radius:12px;--sx-radius-sm:8px;--sx-mono:"SF Mono",ui-monospace,"JetBrains Mono",Menlo,Consolas,monospace;--sx-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}html[data-theme="light"]{--sx-bg:#fff;--sx-surface:#fff;--sx-surface-2:#f5f6f7;--sx-border:#e3e5e8;--sx-text:#121418;--sx-text-dim:#5f6671;--sx-text-faint:#9aa0aa;--sx-accent:#00a89a;--sx-accent-dim:#b8ece7;--sx-high-bg:#fcebeb;--sx-high-tx:#c0392b;--sx-med-bg:#fbf2da;--sx-med-tx:#9a6a00;--sx-ok:#0f9d6a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--sx-bg);padding:24px;font-family:var(--sx-sans);transition:background .3s}.sx-wrap{max-width:720px;margin:0 auto;background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius);padding:20px 22px;color:var(--sx-text);font-size:15px;line-height:1.6;transition:all .35s cubic-bezier(.4,0,.2,1)}.sx-wrap.sx-expanded{position:fixed;inset:0;z-index:9999;max-width:none;margin:0;border-radius:0;padding:40px clamp(20px,6vw,100px);overflow:auto;background:var(--sx-bg)}.sx-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.sx-brand{display:flex;align-items:center;gap:11px}.sx-dot{width:30px;height:30px;border-radius:8px;background:var(--sx-accent-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sx-dot svg{width:17px;height:17px;stroke:var(--sx-accent);fill:none;stroke-width:2}.sx-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.sx-sub{font-size:11px;color:var(--sx-text-faint);letter-spacing:.08em;text-transform:uppercase}.sx-tools{display:flex;gap:6px}.sx-icon-btn{width:32px;height:32px;border:1px solid var(--sx-border);background:transparent;border-radius:var(--sx-radius-sm);color:var(--sx-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.sx-icon-btn:hover{background:var(--sx-surface-2);color:var(--sx-text)}.sx-icon-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.sx-layout{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}@media(max-width:600px){.sx-layout{grid-template-columns:1fr}}.sx-wrap.sx-expanded .sx-layout{grid-template-columns:1fr 340px}.sx-grid-wrap{overflow:auto}.sx-grid{display:inline-grid;gap:2px;border:1px solid var(--sx-border);padding:2px;background:var(--sx-border);border-radius:6px}.sx-cell{width:30px;height:30px;position:relative;background:var(--sx-surface-2)}.sx-cell.black{background:var(--sx-bg);cursor:default}.sx-cell-num{position:absolute;top:1px;left:2px;font-size:7px;color:var(--sx-accent);font-family:var(--sx-mono);line-height:1;pointer-events:none;z-index:1}.sx-cell input{position:absolute;inset:0;width:100%;height:100%;border:none;background:transparent;color:var(--sx-text);font-family:var(--sx-mono);font-size:13px;font-weight:600;text-align:center;text-transform:uppercase;cursor:pointer;outline:none;padding:0;caret-color:transparent}.sx-cell.active{background:var(--sx-accent-dim)}.sx-cell.active-word{background:color-mix(in srgb,var(--sx-accent-dim) 50%,var(--sx-surface-2))}.sx-cell.correct{background:color-mix(in srgb,var(--sx-ok) 20%,var(--sx-surface-2))}.sx-cell.correct input{color:var(--sx-ok)}.sx-cell.wrong input{color:var(--sx-high-tx)}.sx-clues{font-size:13px}.sx-clues h3{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sx-text-faint);margin-bottom:8px;margin-top:14px}.sx-clues h3:first-child{margin-top:0}.sx-clue{display:flex;gap:8px;padding:5px 7px;border-radius:6px;cursor:pointer;transition:background .12s;line-height:1.4;margin-bottom:2px}.sx-clue:hover{background:var(--sx-surface-2)}.sx-clue.active{background:var(--sx-accent-dim)}.sx-clue-num{font-family:var(--sx-mono);font-size:11px;color:var(--sx-accent);font-weight:700;min-width:18px;flex-shrink:0;padding-top:1px}.sx-clue-text{color:var(--sx-text-dim)}.sx-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.sx-btn{font-family:var(--sx-sans);font-size:13px;font-weight:500;padding:7px 14px;border-radius:var(--sx-radius-sm);cursor:pointer;border:1px solid var(--sx-border);background:transparent;color:var(--sx-text);transition:all .15s}.sx-btn:hover{background:var(--sx-surface-2)}.sx-btn.sx-primary{background:var(--sx-accent);border-color:var(--sx-accent);color:#04201d;font-weight:600}.sx-btn.sx-primary:hover{filter:brightness(1.08)}.sx-status{margin-top:14px;font-size:13px;color:var(--sx-text-dim);min-height:20px}.sx-status.ok{color:var(--sx-ok);font-weight:600}.sx-status.err{color:var(--sx-high-tx)}.sx-loading{text-align:center;padding:40px 0;color:var(--sx-text-faint);font-size:13px}.sx-loading span{display:inline-block;animation:sx-blink 1.2s ease-in-out infinite}.sx-loading span:nth-child(2){animation-delay:.2s}.sx-loading span:nth-child(3){animation-delay:.4s}@keyframes sx-blink{0%,80%,100%{opacity:.2}40%{opacity:1}}.sx-foot{margin-top:16px;padding-top:13px;border-top:1px solid var(--sx-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.sx-attr{font-size:11px;color:var(--sx-text-faint)}.sx-attr b{color:var(--sx-text-dim);font-weight:600}.sx-foot a{color:var(--sx-accent);text-decoration:none;font-size:12px;font-weight:500}.sx-foot a:hover{text-decoration:underline}