:root{--bg: #0b0d11;--bg-raised: #12151c;--bg-card: #161a22;--bg-card-hover: #1c2130;--line: #242a36;--line-soft: #1b2029;--text: #e8ebf2;--text-dim: #9aa3b4;--text-faint: #6b7385;--accent: #f5c518;--accent-soft: rgba(245, 197, 24, .14);--blue: #4f8cff;--radius: 14px;--radius-sm: 9px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;height:100%}.muted{color:var(--text-dim)}.topbar{display:flex;align-items:center;gap:24px;padding:0 20px;height:60px;flex:0 0 auto;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#12151c,#0e1116)}.brand{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:-.01em;white-space:nowrap}.brand-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--accent) 0% 25%,#ff5f56 25% 50%,var(--blue) 50% 75%,#2ecc71 75% 100%)}.setnav{display:flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:11px}.setnav button{appearance:none;border:0;background:transparent;color:var(--text-dim);font:inherit;font-weight:600;padding:6px 16px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.setnav button:hover{color:var(--text)}.setnav button[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.setnav .count{font-weight:500;opacity:.55;margin-left:6px;font-variant-numeric:tabular-nums}.search{position:relative;display:flex;align-items:center;margin-left:auto;width:min(360px,38vw)}.search-icon{position:absolute;left:11px;width:16px;height:16px;color:var(--text-faint);pointer-events:none}.search input{width:100%;padding:9px 34px;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.search input::placeholder{color:var(--text-faint)}.search input:focus{border-color:#3a4356;box-shadow:0 0 0 3px #4f8cff24}.search input::-webkit-search-cancel-button{display:none}.search kbd{position:absolute;right:9px;font-family:inherit;font-size:11px;color:var(--text-faint);border:1px solid var(--line);border-radius:5px;padding:1px 6px;pointer-events:none}.layout{flex:1 1 auto;display:grid;grid-template-columns:232px minmax(0,1fr) 380px;min-height:0}.sidebar{border-right:1px solid var(--line);padding:18px 14px 40px;overflow-y:auto;background:#0d1015}.grid-pane{overflow-y:auto;padding:20px 22px 60px;min-width:0}.detail{border-left:1px solid var(--line);overflow-y:auto;background:#0d1015}.side-title{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);margin:22px 6px 9px}.side-title:first-child{margin-top:0}.chip-list{display:flex;flex-direction:column;gap:2px}.chip{appearance:none;text-align:left;border:0;background:transparent;color:var(--text-dim);font:inherit;padding:7px 10px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;gap:8px;transition:background .13s,color .13s}.chip:hover{background:var(--bg-card);color:var(--text)}.chip[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.chip .n{font-variant-numeric:tabular-nums;opacity:.6;font-weight:500}.finder{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:13px}.finder p{margin:0 0 11px;font-size:12.5px;color:var(--text-dim);line-height:1.45}.finder-group+.finder-group{margin-top:14px}.finder-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-bottom:7px}.opt-row{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,76px));gap:5px}.opt{appearance:none;border:1px solid var(--line);background:var(--bg);color:var(--text-dim);font:inherit;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 3px 6px;border-radius:8px;cursor:pointer;transition:border-color .13s,background .13s,color .13s}.opt-label{font-size:10.5px;line-height:1.2;text-align:center;hyphens:auto}.opt-icon{width:42px;height:auto;display:block}.opt:hover{border-color:#394052;color:var(--text)}.opt[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.finder-reset{margin-top:13px;width:100%;appearance:none;border:1px solid var(--line);background:transparent;color:var(--text-dim);font:inherit;font-size:12.5px;padding:6px;border-radius:8px;cursor:pointer}.finder-reset:hover{color:var(--text);border-color:#394052}.grid-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.grid-head h1{margin:0;font-size:21px;letter-spacing:-.02em}.grid-head p{margin:0;font-size:13px}.group-head{grid-column:1 / -1;display:flex;align-items:center;gap:11px;margin:18px 0 2px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.group-head:first-child{margin-top:0}.group-head:after{content:"";flex:1;height:1px;background:var(--line-soft)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:11px}.case{appearance:none;border:1px solid var(--line);background:var(--bg-card);border-radius:var(--radius);padding:9px 9px 8px;cursor:pointer;display:flex;flex-direction:column;gap:7px;align-items:stretch;transition:background .14s,border-color .14s,transform .14s;font:inherit;color:inherit}.case:hover{background:var(--bg-card-hover);border-color:#333c4e;transform:translateY(-2px)}.case[aria-current=true]{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:0 0 0 1px var(--accent)}.case .thumb{aspect-ratio:1;display:grid;place-items:center;background:#0c0f14;border-radius:var(--radius-sm);overflow:hidden}.case .thumb twisty-player{width:100%;height:100%;max-width:100%}.case-foot{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0}.case-label{font-weight:650;font-size:13px;letter-spacing:-.01em}.case-sub{font-size:11px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.empty{color:var(--text-dim);padding:40px 4px;text-align:center}.detail-inner{padding:18px 18px 50px}.detail-empty{padding:60px 24px;text-align:center;color:var(--text-faint);font-size:13.5px;line-height:1.6}.detail h2{margin:0;font-size:19px;letter-spacing:-.02em}.detail .eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}.player-wrap{margin:15px 0;background:#0c0f14;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.player-wrap twisty-player{width:100%;height:300px}.detail-hint{font-size:13.5px;color:var(--text-dim);line-height:1.55;margin:0 0 15px;padding:11px 13px;background:var(--bg-card);border-left:2px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.alg-block+.alg-block{margin-top:8px}.alg-block{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;transition:border-color .14s,background .14s;width:100%;text-align:left;font:inherit;color:inherit}.alg-block:hover{border-color:#394052}.alg-block[aria-current=true]{border-color:var(--accent);background:var(--accent-soft)}.alg-text{flex:1;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13.5px;letter-spacing:.01em;word-spacing:.14em;line-height:1.5}.alg-meta{font-size:11px;color:var(--text-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.copy-btn{appearance:none;border:1px solid var(--line);background:transparent;color:var(--text-dim);border-radius:7px;padding:4px 9px;font:inherit;font-size:11.5px;cursor:pointer;flex:0 0 auto}.copy-btn:hover{color:var(--text);border-color:#394052}.controls{display:flex;align-items:center;gap:12px;margin:14px 0 6px;flex-wrap:wrap}.controls label{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-dim);white-space:nowrap}.controls input[type=range]{width:96px;accent-color:var(--accent)}.controls input[type=checkbox]{accent-color:var(--accent)}.section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:20px 0 9px}@media(max-width:1180px){.layout{grid-template-columns:210px minmax(0,1fr)}.detail{position:fixed;inset:60px 0 0 auto;width:min(400px,92vw);z-index:20;box-shadow:-18px 0 44px #0000008c;transform:translate(101%);transition:transform .22s ease}.detail.open{transform:none}}@media(max-width:760px){.topbar{height:auto;flex-wrap:wrap;padding:10px 14px;gap:10px}.search{width:100%;margin-left:0;order:3}.layout{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:240px}}.close-detail{display:none}@media(max-width:1180px){.close-detail{display:inline-flex;appearance:none;border:1px solid var(--line);background:transparent;color:var(--text-dim);border-radius:8px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer;margin-bottom:12px}}.cross-toggle{display:flex;gap:3px;padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.cross-btn{appearance:none;border:0;background:transparent;color:var(--text-dim);font:inherit;font-size:12.5px;font-weight:550;padding:5px 10px;border-radius:7px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .14s,color .14s}.cross-btn:hover{color:var(--text)}.cross-btn[aria-pressed=true]{background:var(--bg-card-hover);color:var(--text)}.swatch{width:11px;height:11px;border-radius:3px;box-shadow:inset 0 0 0 1px #00000059}.swatch-white{background:#f2f2f2}.swatch-yellow{background:#f4d90a}.transport{display:flex;align-items:center;gap:5px;margin:12px 0 11px}.tbtn{appearance:none;flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);background:var(--bg-card);color:var(--text-dim);border-radius:8px;cursor:pointer;padding:0;transition:background .13s,color .13s,border-color .13s}.tbtn svg{width:15px;height:15px;display:block}.tbtn:hover{background:var(--bg-card-hover);color:var(--text);border-color:#394052}.tbtn-primary{width:34px;height:34px;background:var(--accent);border-color:var(--accent);color:#12151c}.tbtn-primary svg{width:17px;height:17px}.tbtn-primary:hover{background:#ffd63a;border-color:#ffd63a;color:#12151c}.scrub,.speed{appearance:none;-webkit-appearance:none;height:4px;border-radius:3px;background:linear-gradient(to right,var(--accent) 0 var(--fill, 0%),var(--line) var(--fill, 0%) 100%);outline:none;cursor:pointer}.scrub{flex:1 1 auto;margin-left:6px;min-width:0}.speed{width:84px;flex:0 0 auto;--fill: 30%}.scrub::-webkit-slider-thumb,.speed::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--text);border:0;box-shadow:0 1px 3px #00000080;cursor:pointer}.scrub::-moz-range-thumb,.speed::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--text);border:0;cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:13px}.chip-move{appearance:none;border:1px solid var(--line);background:var(--bg-card);color:var(--text-dim);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;font-weight:500;min-width:30px;padding:4px 7px;border-radius:7px;cursor:pointer;transition:all .12s}.chip-move:hover{color:var(--text);border-color:#394052}.chip-move.current{background:var(--accent);border-color:var(--accent);color:#12151c;font-weight:700}.opt-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:15px}.speed-label{font-size:12.5px;color:var(--text-dim)}.speed-val{font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums;min-width:26px}.toggle{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-dim);cursor:pointer;white-space:nowrap}.toggle input{accent-color:var(--accent);cursor:pointer}.detail-empty p{margin:0 0 12px}@media(max-width:900px){.cross-btn span:not(.swatch){display:none}.cross-btn{padding:6px 8px}}.site-foot{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 12px;padding:11px 20px;border-top:1px solid var(--line);background:#0d1015;font-size:12px;color:var(--text-faint)}.site-foot a{color:inherit;text-decoration:none;transition:color .15s}.site-foot a:hover{color:var(--text)}.site-foot .sep{opacity:.45}