:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0c;--panel:#151517;--line:#2a2a2e;--fg:#ececee;--dim:#8d8d96;--accent:#a78bfa;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-height:100dvh;color:var(--fg);flex-direction:column;margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;max-width:40rem;margin:0 auto;padding:.5rem .75rem 0;display:grid}.topbar button{background:0 0;border-color:#0000;min-height:2.75rem}.topbar button:hover{border-color:var(--dim)}.logo{padding:.25rem .5rem}.logo img{width:auto;height:2rem;display:block}.topbar-left{justify-self:start;align-items:center;gap:.25rem;min-width:0;display:flex}.topbar .back{border-color:var(--fg);white-space:nowrap;padding:0 1rem;font-size:1.125rem;font-weight:600}.tools{justify-self:end;display:flex}.icon{place-items:center;width:2.75rem;padding:0;display:grid}.topbar .tools .icon,.topbar-left .icon{border-color:var(--line);background:var(--panel);width:2.5rem;min-height:2rem}.tools{gap:.25rem}.topbar .tools .icon[aria-expanded=true],.topbar .tools .icon[aria-pressed=true],.icon[aria-expanded=true],.icon[aria-pressed=true]{border-color:var(--fg);background:var(--fg);color:var(--bg)}.prefs{gap:.25rem;display:flex}@media (width<=36rem){.topbar-left{display:contents}.topbar-left .prefs{grid-area:2/1/auto/-1;margin-top:.25rem}.topbar-left>.icon,.topbar-left>.back{grid-area:1/1;justify-self:start}.topbar .logo{grid-area:1/2}.topbar .tools{grid-area:1/3}}.topbar .prefs .toggle{border-color:var(--line);background:var(--panel);white-space:nowrap;min-height:2rem;padding:.125rem .5rem;font-size:.75rem}.topbar .prefs kbd{display:none}.topbar .prefs .toggle[aria-pressed=true]{border-color:var(--fg);background:var(--fg);color:var(--bg)}.set-toggles,.modes,.options,.set-row{flex-wrap:wrap;gap:.25rem;display:flex}.toggle{min-height:2.25rem;padding:.25rem .75rem;font-size:.875rem}.toggle[aria-pressed=true]{border-color:var(--fg);background:var(--fg);color:var(--bg)}.notice{border-bottom:1px solid var(--dim);background:var(--panel);margin:0;padding:.5rem .75rem;font-size:.875rem}.card,.summary,.home{flex-direction:column;flex:1;gap:.75rem;width:100%;max-width:40rem;margin:0 auto;padding:.75rem;display:flex}.modes .toggle{flex:1;min-height:2.75rem}.set-toggles .toggle{flex:auto}.set-row{align-self:center}.set-row .toggle{flex:1}.set-row.f2l{width:88%}.set-row.last-layer{width:68%}.options{justify-content:center;align-self:center;gap:.5rem}.options .icon-toggle{flex:none;width:2.75rem}.options button.compact{min-height:2.25rem;padding:.25rem 1rem;font-size:.875rem}.gallery{flex:1;width:100%;max-width:64rem;margin:0 auto;padding:.75rem}.gallery-title{color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin:1rem 0 .5rem;font-size:.8125rem;font-weight:600}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.25rem;display:grid}.gallery-cell{flex-direction:column;align-items:center;gap:.25rem;min-height:2.75rem;padding:.25rem;display:flex}.gallery-cell svg{width:100%;height:auto;display:block}.gallery-name{color:var(--dim);text-align:center;overflow-wrap:anywhere;font-size:.75rem}.gallery-cell:hover .gallery-name{color:var(--fg)}.stats{gap:1rem;padding:.5rem 0;display:grid}.stat-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .75rem;margin-bottom:.4rem;display:flex}.stat-name{color:var(--set);font-weight:600}.stat-numbers{color:var(--dim);font-variant-numeric:tabular-nums;font-size:.8125rem}.ticks{gap:2px;display:flex}.tick{background:#34343a;border-radius:1px;flex:1;min-width:0;height:1.1rem}.tick.learned{background:var(--set)}.tick.missed{background:var(--set);opacity:.35}.icon-toggle{place-items:center;width:2.75rem;padding:0;display:grid}.stat-table-title{color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin:.5rem 0 0;font-size:.8125rem;font-weight:600}.stat-table-rows{gap:.35rem;margin-top:.5rem;display:grid}.stat-table-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .75rem;padding:.35rem 0;font-size:.875rem;display:flex}.stat-table-name{overflow-wrap:anywhere;min-width:0}.stat-table-numbers{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem}.foot{padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg);margin-top:auto;position:sticky;bottom:0}.meta{color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0;font-size:.875rem;display:flex}.case{flex-direction:column;flex:auto;min-height:0;margin:0;display:flex}.picture svg{width:100%;height:auto;max-height:52vh;display:block}.view{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.picture{flex:1;justify-content:center;align-items:center;display:flex}.player{flex-direction:column;flex:1;gap:.5rem;display:flex}.frame{flex:1;min-height:min(100vw,24rem);position:relative}.legend{z-index:1;color:var(--dim);pointer-events:none;position:absolute;top:.25rem;left:.25rem}.stage{touch-action:none;position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block}.transport{align-items:flex-start;gap:.5rem;display:flex}.alg-strip{min-width:0;font:1.15rem/1.6 var(--mono);flex:1;position:relative}.alg-marker{background:var(--fg);border-radius:2px;width:3px;position:absolute}.alg-marker:before{content:"";background:var(--fg);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-2.5px}.step-buttons{flex:none;gap:.25rem;display:flex;position:relative}.step-buttons.frame-controls{z-index:1;position:absolute;bottom:.25rem;right:.25rem}.step{width:2.75rem;min-height:2.75rem;font:.875rem var(--mono);place-items:center;padding:0;display:grid}.step[aria-expanded=true],.step[aria-pressed=true]{border-color:var(--fg)}.frame-controls>.step{opacity:.4;background:0 0;border-color:#0000}.frame-controls>.step:hover,.frame-controls>.step:focus-visible,.frame-controls>.step[aria-expanded=true]{opacity:1;border-color:#0000}.speed-value{font-size:.75rem}.speed-pop{border:1px solid var(--line);background:var(--panel);color:var(--dim);border-radius:2px;flex-direction:column;gap:.375rem;padding:.375rem;font-size:.875rem;display:flex;position:absolute;bottom:calc(100% + .25rem);right:0}.speed-title{white-space:nowrap}.speed-grid{grid-template-columns:repeat(3,2.75rem);gap:.25rem;display:grid}.speed-grid .step{font-size:.75rem}.headline{align-items:flex-start;gap:.75rem;display:flex}.name{flex:60%;min-width:0;margin:0;font-size:1.15rem;font-weight:600}.notes-side{flex:0 auto;max-width:40%;margin-left:auto}.notes-side.editing{flex-basis:40%}.note-text{-webkit-line-clamp:4;color:var(--dim);white-space:pre-line;overflow-wrap:anywhere;cursor:pointer;-webkit-box-orient:vertical;margin:0;font-size:.95rem;display:-webkit-box;overflow:hidden}.note-text.open{display:block;overflow:visible}.quiet{color:var(--dim)}.summary .quiet{background:0 0;border-color:#0000}.solution{border:1px solid var(--line);background:var(--panel);border-radius:2px;padding:.5rem .75rem}.alg{font:1.15rem/1.4 var(--mono);overflow-wrap:anywhere;margin:.25rem 0}.alg.alt{color:var(--dim);font-size:.95rem}.alg-flag{border:1px solid var(--line);color:var(--dim);vertical-align:middle;white-space:nowrap;border-radius:2px;margin-left:.25rem;padding:0 .3rem;font-size:.7rem}.alg-star{float:left;width:2.75rem;min-height:2.75rem;color:var(--dim);background:0 0;border-color:#0000;margin:-.25rem .25rem -.25rem -.5rem;padding:0;font-size:1.25rem}.alg-star[aria-pressed=true]{color:var(--fg)}.alg{display:flow-root}.alg-pop{width:min(24rem,100vw - 2rem)}.alg-list{flex-direction:column;gap:.25rem;display:flex}.alg-row{gap:.25rem;display:flex}.alg-row .alg-star{float:none;flex:none;margin:0}.alg-choice{text-align:left;min-width:0;min-height:2.75rem;font:.875rem var(--mono);overflow-wrap:anywhere;flex:1}.video{color:var(--fg);margin-top:.25rem;display:inline-block}.note{border:1px solid var(--line);background:var(--panel);width:100%;min-height:2.5rem;color:var(--fg);font:inherit;resize:none;border-radius:2px;padding:.5rem}.actions{padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));background:var(--bg);grid-template-columns:1fr 1fr;gap:.5rem;display:grid;position:sticky;bottom:0}.actions .primary,.verify .actions .primary{grid-column:1/-1}.verify .actions.paired{grid-template-columns:1fr 1fr;max-width:24rem;margin:0 auto}.verify .actions.paired .quiet{background:0 0;border-color:#0000;grid-column:auto}button{border:1px solid var(--line);background:var(--panel);min-height:3.25rem;color:var(--fg);font:inherit;cursor:pointer;border-radius:2px;padding:.5rem 1rem}button:hover{border-color:var(--dim)}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{border-color:var(--line)}:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.hint{color:var(--dim);margin:0;font-size:.875rem}button.primary{border-color:var(--accent);background:var(--accent);color:var(--bg);font-weight:600}kbd{font:.75rem var(--mono);white-space:nowrap;opacity:.6;border:1px solid;border-radius:2px;margin-left:.5rem;padding:0 .3rem;display:inline-block}@media (hover:none){kbd{display:none}}.data{z-index:1;border:1px solid var(--line);background:var(--panel);width:min(24rem,100% - 1.5rem);color:var(--dim);border-radius:2px;padding:.75rem;font-size:.875rem;position:fixed;top:3.5rem;left:max(.75rem,50% - 20rem)}.data.help{left:auto;right:max(.75rem,50% - 20rem)}.data-actions{gap:.5rem;display:grid}.data-row{grid-template-columns:8.5rem 1fr;align-items:center;gap:.75rem;display:grid}.data-row p,.import-strip p{margin:0}.import-strip{border-top:1px solid var(--line);flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.import-strip p{color:var(--fg);flex-basis:100%}.data button{min-height:2.5rem}.help-list{gap:.25rem .75rem;margin:0;display:grid}.help-list dt{color:var(--fg);font-weight:600}.help-list dd{margin:0 0 .5rem}.credit{color:var(--dim);justify-content:flex-end;align-items:center;gap:.35rem;margin:0;font-size:.75rem;display:flex}.credit a{color:inherit}.credit-mark{width:.9em;height:.9em;display:flex}.credit-mark svg{width:100%;height:100%}.summary{text-align:center;justify-content:center}.summary h1{margin:0;font-size:1.5rem}.result{color:var(--dim);margin:0}.intro h1{margin:0;font-size:1.5rem}.intro-body{flex-direction:column;gap:.5rem;display:flex}.actions.confirm-row{flex-direction:column;align-items:center;gap:.5rem;display:flex}.actions.confirm-row .primary{width:100%}.checkbox-label{color:var(--dim);white-space:nowrap;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.checkbox-label input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}[data-mode=drill] .actions>button:not(.primary){grid-column:1/-1}@media (width>=48rem){.card,.summary,.home{gap:1rem;padding:1.5rem}.picture svg{max-height:60vh}.actions{grid-template-columns:1fr 1fr 1fr;position:static}.actions .primary{grid-column:auto}[data-mode=drill] .actions{grid-template-columns:1fr 1fr}[data-mode=drill] .actions>button:not(.primary){grid-column:auto}}