:root{--bg: #12151d;--bg-raise: #171b26;--panel: #1a1f2b;--panel2: #232937;--fg: #e9ecf4;--muted: #8d95a7;--accent: #ffa028;--accent-strong: #ffbc5e;--accent-ink: #1c1206;--sel: rgba(255, 160, 40, .13);--good: #3ddc84;--warn: #ffc53d;--danger: #ff6161;--border: #2a3142;--border-strong: #3a4257;--plate: radial-gradient(circle at 50% 40%, #d4d9e2, #bfc6d3);--ring: 0 0 0 3px rgba(255, 160, 40, .4);--radius: 6px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .6);--font-display: "Bahnschrift", "Segoe UI Variable Display", "Avenir Next Condensed", "Arial Narrow", sans-serif;--font-mono: "Cascadia Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:Segoe UI Variable Text,Segoe UI,Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.65rem 1.2rem;background:var(--bg-raise);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;flex-wrap:wrap}.app-header h1{font-family:var(--font-display);font-size:1.08rem;font-weight:600;margin:0;letter-spacing:.09em;text-transform:uppercase;display:flex;align-items:center;gap:.6rem}.app-header h1:before{content:"";width:.95rem;height:.95rem;border-radius:2px;transform:rotate(45deg);background:conic-gradient(var(--accent) 0 25%,#5a3410 0 50%,var(--accent-strong) 0 75%,#8a5313 0 100%)}.tabs{display:flex;gap:.2rem;flex-wrap:wrap}.tab{position:relative;background:transparent;color:var(--muted);border:none;padding:.45rem .85rem .55rem;border-radius:6px 6px 0 0;cursor:pointer;font-size:.9rem;font-weight:500;transition:color .14s,background .14s}@media (hover: hover){.tab:hover{color:var(--fg);background:#ffffff0a}}.tab.active{color:var(--fg);font-weight:600}.tab.active:after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.05rem;height:3px;background:var(--accent);transform:skew(-24deg)}.app-main{flex:1;overflow:auto;padding:1.2rem 1rem 2rem}.btn{background:var(--accent);color:var(--accent-ink);border:none;padding:.48rem .95rem;border-radius:var(--radius);cursor:pointer;font:inherit;font-weight:700;white-space:nowrap;transition:filter .14s,transform .05s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.ghost{background:var(--panel2);color:var(--fg);border:1px solid var(--border);font-weight:500}.btn.ghost:hover{background:var(--panel);border-color:var(--border-strong);filter:none}.btn.full{width:100%;margin-top:.5rem}.icon{display:inline-block;vertical-align:-.125em;flex:none;opacity:.85}.icon-btn{display:inline-flex;align-items:center;gap:.4em}.icon-btn .icon{opacity:.7}.icon-only{display:inline-flex;align-items:center;justify-content:center}.muted{color:var(--muted)}.small{font-size:.8rem}code{font-family:var(--font-mono);background:var(--panel2);padding:.1rem .35rem;border-radius:4px;color:var(--accent-strong)}.skewb-view{width:100%;height:320px;background:var(--plate);border:none;border-radius:8px;touch-action:none}.skewb-view.small{height:220px}.timer-page{max-width:900px;margin:0 auto}.scramble-bar{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:.7rem}.scramble{font-family:var(--font-mono);font-size:1.35rem;letter-spacing:.14em;color:var(--fg)}.scramble-image-wrap{display:flex;justify-content:center;margin:0 auto .75rem}.scramble-image{width:100%;max-width:280px;height:auto;background:var(--plate);border-radius:8px;padding:10px}.cases-page{max-width:1200px;margin:0 auto}.cases-header{margin-bottom:1rem}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.4rem 0}.filter-label{font-size:.8rem;color:var(--muted);min-width:8.5em}.chip-btn{padding:.25rem .6rem;border-radius:5px;border:1px solid var(--border);background:var(--panel2);color:var(--fg);cursor:pointer;font-size:.85rem}.chip-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.chip-btn:disabled{opacity:.4;cursor:default}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.case-card{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;background:var(--panel);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;transition:border-color .14s,transform .14s}.case-card:hover{border-color:var(--accent);transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070bb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;animation:overlay-in .16s ease-out}.modal-panel{background:var(--panel);border:1px solid var(--border-strong);border-radius:10px;padding:1rem 1.2rem;max-width:720px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg);animation:panel-in .18s cubic-bezier(.2,.7,.3,1)}@keyframes overlay-in{0%{opacity:0}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}.modal-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.modal-close{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:.35rem;font-size:1.05rem;line-height:1;cursor:pointer;transition:background .14s,color .14s}.modal-close:hover{background:var(--border);color:var(--fg)}.modal-body{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.modal-scheme{background:var(--plate);border:none;border-radius:8px;padding:.4rem}.modal-sols{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.sol-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel2);color:inherit;cursor:pointer;font:inherit}.sol-btn.active{border-color:var(--accent);background:var(--sel)}.sol-btn code{background:transparent;padding:0;letter-spacing:.03em}@media (max-width: 620px){.modal-body{grid-template-columns:1fr}}.case-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.case-badge{font-size:.75rem;padding:.1rem .45rem;border-radius:4px;background:var(--panel2);color:var(--muted)}.case-scheme{background:var(--plate);border-radius:6px;padding:.25rem}.case-sol{display:block;margin-top:.35rem;font-size:.85rem;letter-spacing:.03em;color:var(--fg);word-break:break-word}.pager{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:1rem 0}.one-face-color-pick{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.color-swatch{width:22px;height:22px;border-radius:5px;border:2px solid var(--border-strong);cursor:pointer;padding:0}.color-swatch.active{border-color:var(--fg);box-shadow:0 0 0 2px var(--accent)}.timer-zone{text-align:center;padding:2.4rem 1rem;-webkit-user-select:none;user-select:none;cursor:pointer}.timer-page.focus{display:flex;align-items:stretch;justify-content:center;min-height:calc(100vh - 140px);min-height:calc(100dvh - 140px)}.timer-page.focus>:not(.timer-zone){display:none}.timer-page.focus .timer-zone{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-page.focus .big-time{font-size:9rem}@media (max-width: 760px){.timer-page.focus .big-time{font-size:4.6rem}}.big-time{font-family:var(--font-display);font-size:7rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1}.hint{color:var(--muted);margin-top:.7rem;font-size:.9rem}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0}.stat{background:var(--panel);border:none;border-radius:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);padding:.55rem .5rem .5rem;text-align:center}.stat-label{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:600}.stat-value{font-family:var(--font-display);font-size:1.45rem;font-variant-numeric:tabular-nums;font-weight:600}.session-bar{display:flex;gap:.4rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap}.session-bar select{background:var(--panel2);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .5rem;font:inherit}.session-bar .btn.icon-only,.session-bar .btn.icon-btn{padding:.35rem .5rem}.session-bar.confirm{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .7rem}.confirm-text{flex:1;min-width:12rem;font-size:.9rem}.session-name-input{background:var(--panel2);color:var(--fg);border:1px solid var(--accent);border-radius:var(--radius);padding:.35rem .5rem;font:inherit;min-width:9rem}.btn.danger-btn{background:var(--danger);color:#1c0808}.settings-panel{max-width:460px}.settings-group{margin-bottom:1.1rem}.settings-group-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--muted);margin-bottom:.4rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;border-top:1px solid var(--border)}.setting-row.disabled{opacity:.45}.setting-label{display:flex;flex-direction:column;gap:.15rem;font-weight:500}.setting-hint{font-weight:400;font-size:.78rem;color:var(--muted)}.num-input{width:4.5rem;background:var(--panel2);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .5rem;font:inherit;text-align:right;font-variant-numeric:tabular-nums}.settings-foot{margin:.4rem 0 0}.about-group{margin:1.1rem 0 0;padding-top:.8rem;border-top:1px solid var(--border)}.about-group p{margin:0 0 .4rem}.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:2.5rem;height:1.4rem;border-radius:999px;background:var(--border);position:relative;cursor:pointer;flex:none;transition:background .16s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:calc(1.4rem - 4px);height:calc(1.4rem - 4px);border-radius:50%;background:var(--fg);transition:transform .16s,background .16s}.switch:checked{background:var(--accent)}.switch:checked:after{background:var(--accent-ink);transform:translate(1.1rem)}.shortcut-hint{margin:0 0 .5rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}kbd{font:inherit;font-size:.78em;font-variant-numeric:tabular-nums;background:var(--panel2);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:.05rem .35rem;color:var(--fg)}.times-list{display:flex;flex-direction:column;gap:.25rem}.solve-row{display:flex;align-items:center;gap:.4rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .6rem;flex-wrap:wrap}.solve-index{color:var(--muted);width:2.2rem;font-variant-numeric:tabular-nums}.solve-time{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600;font-size:1.05rem;width:5rem}.chip{background:var(--panel2);border:1px solid var(--border);color:var(--muted);border-radius:5px;padding:.15rem .45rem;font-size:.78rem;cursor:pointer}.chip.danger{color:var(--danger)}.solve-scramble{width:100%;font-family:var(--font-mono);color:var(--muted);font-size:.82rem;padding-left:2.2rem}.solve-page{max-width:1100px;margin:0 auto}.chip.review{color:var(--accent);font-weight:600}.timer-review-wrap{max-width:760px;margin:0 auto .8rem}.review-controls{display:flex;gap:.6rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:.6rem}.hint-toggle{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--muted);cursor:pointer}.timer-review{border:1px solid var(--border);border-radius:8px;padding:.8rem 1rem;background:var(--panel);text-align:left}.timer-review .solve-info section{background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem;margin-bottom:.7rem}.timer-review .solve-info section:last-child{margin-bottom:0}.review-note{margin-bottom:.5rem}.linklike{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.btn.ghost.on{border-color:var(--accent);background:var(--sel);color:var(--accent)}.hint-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0}.hint-chip{display:flex;align-items:center;gap:.4rem;padding:.35rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel2);color:inherit;cursor:pointer;font:inherit}.hint-chip:hover{border-color:var(--accent)}.hint-chip.active{border-color:var(--accent);background:var(--sel)}.hint-count{font-variant-numeric:tabular-nums;font-weight:700}.hint-detail{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.4rem}.hint-scheme{max-width:340px;background:var(--plate);border:none;border-radius:8px;padding:.3rem}.scramble-input{display:flex;gap:.5rem;margin-bottom:1rem}.scramble-input input,.custom-input input,.search{flex:1;background:var(--panel2);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .6rem;font-family:var(--font-mono)}.solve-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.solve-info section{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.8rem 1rem;margin-bottom:.8rem}.solve-info h3{margin:0 0 .5rem;font-size:.95rem}.sol-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;flex-wrap:wrap}.eg2-toggle{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:.3rem;cursor:pointer}.best-sol{display:flex;flex-direction:column;gap:.55rem}.best-color{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.color-chip{display:inline-block;width:1rem;height:1rem;border-radius:3px;border:1px solid var(--border-strong)}.best-steps{display:flex;flex-direction:column;gap:.35rem}.best-steps>div{display:flex;align-items:center;gap:.5rem}.step-label{font-size:.72rem;color:var(--muted);background:var(--panel2);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;min-width:5.5rem;text-align:center}.best-steps code{font-size:1.05rem;letter-spacing:.05em}.color-list{list-style:none;margin:0 0 .6rem;padding:0;display:flex;flex-direction:column;gap:.15rem}.color-list li label{display:flex;align-items:center;gap:.4rem;padding:.25rem .4rem;border-radius:5px;cursor:pointer}.color-list li.active label{background:var(--sel)}.color-list code.mini{font-size:.9rem;color:var(--accent-strong);background:transparent;padding:0}.color-groups{display:flex;flex-direction:column;gap:.5rem;max-height:40vh;overflow:auto}.color-group-head{display:flex;align-items:center;gap:.35rem;font-size:.9rem;padding:.1rem .2rem}.badge{font-size:.68rem;padding:.05rem .35rem;border-radius:4px;margin-left:.4rem}.badge.complete{background:#3ddc8424;color:var(--good);border:1px solid rgba(61,220,132,.4)}.badge.eg2{background:#ffc53d21;color:var(--warn);border:1px solid rgba(255,197,61,.4)}.sol-list,.scheme-legend{list-style:none;padding:0;margin:0}.sol-list li{padding:.2rem 0}.alg-list{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.scheme-box{display:flex;flex-direction:column;gap:.5rem}.scheme-2d{width:100%;max-width:460px;height:auto;display:block;margin:0 auto;background:var(--plate);border:none;border-radius:8px;padding:8px}.scheme-2d-lbl{fill:#5b6472;font-size:11px;font-family:var(--font-mono)}.scheme-legend li{color:var(--muted);font-size:.85rem;display:flex;align-items:center;gap:.4rem}.scheme-legend .sw{display:inline-block;width:.8rem;height:.8rem;border-radius:3px;flex:none}.scheme-legend .sw-ring{border-radius:50%;border:3px solid #b14bff;background:transparent}.cll-page{max-width:1100px;margin:0 auto}.scdb-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem;margin-top:.8rem}.scdb-group{border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem;background:var(--panel)}.scdb-group h3{margin:0 0 .5rem;font-size:.95rem}.scdb-cases{display:flex;flex-wrap:wrap;gap:.4rem}.scdb-case{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel2);color:var(--accent);text-decoration:none;font:inherit;font-variant-numeric:tabular-nums;font-weight:600;cursor:pointer;transition:border-color .14s,transform .14s}.scdb-case:hover{border-color:var(--accent);transform:translateY(-2px)}.scdb-thumb{width:58px;height:58px;object-fit:contain;border-radius:4px;background:#fff;filter:brightness(.85) saturate(1.08)}.scdb-id{font-size:.78rem}.cll-scdb{display:flex;align-items:center;gap:.7rem;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel2)}.cll-scdb-info{display:flex;flex-direction:column;gap:.3rem}.cll-scdb-links{display:flex;gap:.8rem}.cll-scdb-img{width:66px;height:66px;object-fit:contain;border-radius:5px;background:#fff;filter:brightness(.85) saturate(1.08);flex:none}.cll-modal{max-width:420px}.cll-modal-body{display:flex;flex-direction:column;align-items:center;gap:1rem}.cll-modal-img{width:240px;height:240px;max-width:100%;object-fit:contain;background:#fff;filter:brightness(.85) saturate(1.08);border:none;border-radius:8px}.cll-modal-links{display:flex;flex-direction:column;gap:.5rem;width:100%}.cll-modal-links .btn{text-align:center;text-decoration:none}.cll-header{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.cll-header h2{margin:0}.cll-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cll-list{list-style:none;margin:0;padding:0;max-height:70vh;overflow:auto;border:1px solid var(--border);border-radius:8px}.cll-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .8rem;border-bottom:1px solid var(--border);cursor:pointer}.cll-list li.active{background:var(--sel)}.cll-detail{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1rem}.cll-detail h3{margin:.6rem 0 .2rem}.scheme-list-page{max-width:1100px;margin:0 auto}.custom-input{display:flex;gap:.5rem;margin-top:.6rem}.scheme-list-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.scheme-catalog{list-style:none;margin:0;padding:0;max-height:70vh;overflow:auto;border:1px solid var(--border);border-radius:8px}.scheme-catalog li{padding:.45rem .8rem;border-bottom:1px solid var(--border);cursor:pointer}.scheme-catalog li.active{background:var(--sel)}.scheme-detail{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1rem}.scheme-notation{margin:.6rem 0}@media (max-width: 760px){.solve-grid,.cll-body,.scheme-list-body,.stats-row{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.big-time{font-size:3.8rem}.app-main{padding:1rem .8rem 2rem}.app-header{gap:.15rem 1rem;padding:.55rem .9rem 0}.app-header h1{width:100%}.tabs{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;white-space:nowrap}.scramble-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:.4rem}.scramble{flex-basis:100%;text-align:center;font-size:1.05rem;letter-spacing:.1em}.timer-page{display:flex;flex-direction:column}.timer-page>.scramble-bar{order:0}.timer-page>.scramble-image-wrap{order:1;margin-bottom:.3rem}.timer-page>.timer-zone{order:2;padding:1.2rem 1rem}.timer-page>.timer-review-wrap{order:3;margin-top:.5rem}.timer-page>.stats-row{order:4}.timer-page>.session-bar{order:5}.timer-page>.shortcut-hint{order:6}.timer-page>.times-list{order:7}.scramble-image{max-width:170px;padding:6px}.scramble-input{flex-wrap:wrap}.scramble-input input{flex:1 1 100%}.cll-header{flex-direction:column;align-items:stretch;gap:.5rem}.cases-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.filter-label{min-width:100%}}