:root{--bg: #f3f3f9;--card: #ffffff;--soft: #f1f0fb;--ink: #1b1f2e;--muted: #8a90a2;--line: #eceaf3;--accent: #5d4be0;--accent-soft: #ece9fc;--dark: #1c2030;--radius: 20px;--shadow: 0 10px 30px rgba(27, 31, 46, .08);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh;color:var(--ink)}code{font-family:ui-monospace,Cascadia Code,Consolas,monospace}button{font:inherit;cursor:pointer}.app{max-width:1120px;margin:0 auto;padding:0 18px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 4px;position:sticky;top:0;background:var(--bg);z-index:10}.topbar h1{font-size:25px;margin:0;font-weight:800;letter-spacing:.2px}.topbar h1 span{color:var(--accent)}.tabs{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);padding:5px;border-radius:999px;box-shadow:var(--shadow)}.tabs button{background:transparent;color:var(--muted);border:none;font-size:14px;font-weight:600;padding:9px 20px;border-radius:999px}.tabs button.on{background:var(--accent);color:#fff}main{padding-top:24px}.empty{color:var(--muted);text-align:center;padding:40px}.empty.big{font-size:16px;padding:70px 24px;text-align:center;color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:var(--radius)}.lib-bar{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center;margin-bottom:22px}.filters,.bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bulk span{color:var(--muted);font-size:13px}.chip{display:inline-flex;align-items:center;gap:7px;background:var(--card);color:var(--ink);border:1.5px solid var(--line);padding:8px 15px;border-radius:999px;font-size:13px;font-weight:600}.chip.on{box-shadow:0 6px 16px #5d4be038}.chip b{font-weight:800}.chip .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.chip.on .dot{display:none}.mini-btn{background:var(--card);color:var(--ink);border:1.5px solid var(--line);padding:6px 11px;border-radius:999px;font-size:12px;font-weight:600}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-left-width:5px;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:11px;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;align-items:center}.card-num{font-weight:800;font-size:15px}.select-box{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.card-diagram{display:flex;justify-content:center}.status-seg{display:flex;gap:5px}.seg-btn{flex:1;background:var(--soft);color:var(--muted);border:1.5px solid transparent;padding:7px 4px;border-radius:999px;font-size:11px;font-weight:700}.seg-btn.active{color:#fff}.solutions{font-size:13px}.sol-main{display:block;background:var(--accent-soft);padding:8px 10px;border-radius:10px;word-break:break-word}.link-btn{background:none;border:none;color:var(--accent);padding:4px 0;font-size:12px;font-weight:600}.sol-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.sol-list li{display:flex;align-items:center;gap:6px}.sol-list li code{flex:1;display:block;background:var(--soft);padding:6px 8px;border-radius:8px;font-size:12px;word-break:break-word}.sol-list li.pref code{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.fav-btn{background:none;border:none;padding:0 2px;font-size:16px;line-height:1;color:var(--muted);flex:0 0 auto}.fav-btn[aria-pressed=true]{color:#f59e0b}.cube-thumb{display:block;margin:0 auto;-webkit-user-select:none;user-select:none}.loading3d-mini{border-radius:12px;background:var(--soft)}.setup{display:flex;flex-direction:column;gap:3px;align-items:center}.setup-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-weight:700}.setup code{background:var(--soft);padding:7px 10px;border-radius:10px;font-size:15px;word-break:break-word}.setup-lg code{font-size:22px;padding:11px 18px;letter-spacing:.5px}.select-panel{display:flex;flex-wrap:wrap;gap:9px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:18px;box-shadow:var(--shadow)}.panel-label{color:var(--ink);font-weight:700;margin-right:4px}.panel-label em{font-style:normal;font-size:11px;opacity:.6;font-weight:500}.preset{display:inline-flex;align-items:center;gap:6px;background:var(--card);color:var(--ink);border:1.5px solid var(--line);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600}.preset b{font-weight:800;opacity:.8}.preset.active{box-shadow:0 6px 16px #5d4be038}.preset:disabled{opacity:.4;cursor:default}.pool-count{margin-left:auto;color:var(--muted);font-size:13px}.stats-bar{display:flex;gap:26px;align-items:center;background:var(--dark);color:#fff;border-radius:var(--radius);padding:16px 24px;margin-bottom:22px}.stat{display:flex;flex-direction:column;gap:2px}.stat span{font-size:11px;color:#ffffff8c;text-transform:uppercase;letter-spacing:.5px}.stat b{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.stat:nth-child(2) b,.stat:nth-child(3) b{color:#b6a9ff}.reset-btn{margin-left:auto;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600}.reset-btn:disabled{opacity:.4;cursor:default}.stage{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow);transition:background .15s}.stage.ready{background:#f3f1fe}.stage.running{background:#f6f5fc}.case-meta{display:flex;align-items:center;gap:12px}.big-num{font-size:28px;font-weight:800}.badge{padding:4px 12px;border-radius:999px;font-size:12px;color:#fff;font-weight:700}.big-diagram{-webkit-user-select:none;user-select:none}.timer{font-size:66px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:1px;color:var(--ink)}.timer.ready{color:#22c55e}.timer.running{color:var(--accent)}.timer-hint{color:var(--muted);font-size:13px;margin-top:-10px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.controls button{background:var(--card);color:var(--ink);border:1.5px solid var(--line);padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600}.controls button:nth-child(2){background:var(--accent);color:#fff;border-color:var(--accent)}.controls button:disabled{opacity:.4;cursor:default}.toggle{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.last-time{color:var(--muted);font-size:14px;font-weight:600}.sol-reveal{display:flex;flex-direction:column;gap:6px;align-items:stretch;width:100%;max-width:560px}.sol-line{display:flex;align-items:center;gap:8px}.sol-line code{flex:1;background:var(--soft);padding:10px 14px;border-radius:12px;font-size:16px;word-break:break-word}.sol-line .sol-main{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.sol-line .sol-alt{font-size:13px;color:var(--muted)}.sol-line .fav-btn{font-size:18px}.diff-btn{background:var(--card);color:#ef4444;border:1.5px solid #ef4444;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;margin-left:6px}.diff-btn.active{background:#ef4444;color:#fff}.trouble-panel{margin-top:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow)}.trouble-head{display:flex;align-items:center;gap:12px}.trouble-head b{font-size:15px}.trouble-head span{color:var(--muted);font-size:12px}.trouble-head .link-btn{margin-left:auto}.trouble-head .link-btn+.link-btn{margin-left:0}.trouble-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.trouble-list li{display:flex;align-items:center;gap:12px;background:var(--soft);border-radius:10px;padding:8px 12px}.trouble-list li.diff{box-shadow:inset 0 0 0 1.5px #ef4444}.tc-flag{background:none;border:none;font-size:16px;color:var(--muted);padding:0;line-height:1}.tc-flag.on{color:#ef4444}.tc-id{font-weight:800;font-size:14px;min-width:38px}.tc-avg{font-variant-numeric:tabular-nums;font-weight:700;min-width:64px}.tc-meta{color:var(--muted);font-size:12px;flex:1}.tc-train{background:var(--card);color:var(--ink);border:1.5px solid var(--line);padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600}.card-head{gap:8px}.card-head .select-box{margin-left:auto}.card-avg{font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.flag-row{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:13px;flex-wrap:wrap;justify-content:center}.flag-row .seg-btn{flex:none;padding:7px 14px}.smartcube{display:flex;flex-direction:column;gap:18px}.sc-connect{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.sc-connect h2{margin:0;font-size:22px}.sc-note{color:var(--muted);font-size:13px;max-width:540px;line-height:1.5}.sc-note b{color:var(--ink)}.sc-primary{background:var(--accent);color:#fff;border:none;padding:12px 26px;border-radius:999px;font-size:15px;font-weight:700}.sc-primary:disabled{opacity:.5;cursor:default}.sc-link{background:none;border:none;color:var(--muted);font-size:12px;text-decoration:underline}.sc-error{color:#e0544e;font-size:13px;max-width:540px}.sc-bar{display:flex;gap:26px;align-items:center;background:var(--dark);color:#fff;border-radius:var(--radius);padding:16px 24px}.sc-bar .stat b{font-size:18px}.sc-hint{color:var(--muted);font-size:13px;text-align:center;margin:0 0 4px}.sc-choices{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.sc-choice{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:18px 20px;width:280px;box-shadow:var(--shadow)}.sc-choice b{font-size:16px}.sc-choice span{color:var(--muted);font-size:13px;line-height:1.45}.sc-choice:hover{border-color:var(--accent)}.sc-url{background:var(--soft);padding:10px 14px;border-radius:10px;font-size:14px;word-break:break-all;-webkit-user-select:all;user-select:all}.sc-code{letter-spacing:3px;color:var(--accent)}.bridge-page{max-width:460px;margin:0 auto;padding:32px 18px;display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center}.bridge-page h1{font-size:26px;font-weight:800;margin:0}.bridge-page h1 span{color:var(--accent)}.bridge-page .sc-bar{width:100%;gap:16px;flex-wrap:wrap;justify-content:center}.bridge-page .sc-connect{width:100%}.code-input{font-size:32px;font-weight:800;letter-spacing:8px;text-align:center;width:180px;padding:12px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);text-transform:uppercase}.drill{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.drill-top{display:flex;align-items:center;gap:14px}.drill-phase{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.6px;padding:5px 12px;border-radius:999px;background:var(--soft);color:var(--muted)}.drill-phase.p-solving{background:var(--accent);color:#fff}.drill-phase.p-inspect{background:#fde68a;color:#5b4500}.drill-phase.p-ready{background:#bbf7d0;color:#14532d}.drill-phase.p-invalid{background:#fecaca;color:#7f1d1d}.drill-metrics{display:flex;gap:26px;background:var(--dark);color:#fff;border-radius:16px;padding:14px 24px}.drill-metrics .stat b{font-size:22px}.drill-metrics .stat:nth-child(2) b,.drill-metrics .stat:nth-child(3) b{color:#b6a9ff}.drill-avg{color:var(--muted);font-size:13px}.drill-cubes{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.drill-cube{display:flex;flex-direction:column;align-items:center;gap:8px}.drill-cube-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.setup-code{background:var(--soft);padding:6px 10px;border-radius:8px;font-size:13px}.crash{padding:24px;color:#e0544e;font-family:ui-monospace,monospace}.crash pre{white-space:pre-wrap;background:var(--soft);padding:14px;border-radius:10px;font-size:12px;color:var(--ink)}.debug{margin-top:8px;font-size:12px;color:var(--muted)}.debug summary{cursor:pointer}.debug code{display:block;margin:8px 0;word-break:break-all}.loading3d{width:300px;height:300px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.cube3d{display:flex;flex-direction:column;align-items:center;gap:12px}.cube3d-canvas{cursor:grab;touch-action:none}.cube3d-canvas:active{cursor:grabbing}.cube3d-controls{display:flex;gap:10px}.cube3d-controls button{background:var(--card);color:var(--ink);border:1.5px solid var(--line);padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600}.cube3d-controls button:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}.cube3d-controls button:disabled{opacity:.5;cursor:default}