.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.course-card p{flex:1;color:var(--muted);margin:0 0 24px}.course-card button{white-space:normal}.course-continue{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;margin:24px 0;border-radius:var(--radius-lg);background:var(--surface-accent)}.course-continue p{margin:6px 0 0;max-width:60ch}.course-continue button{flex-shrink:0}.guide-review{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.progress-sharing{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:16px 0}.progress-sharing p{margin:8px 0}@media(max-width:760px){.course-grid{grid-template-columns:1fr}.course-continue{align-items:stretch;flex-direction:column;padding:18px}}.utility-nav{flex-wrap:wrap;gap:12px}footer{flex-wrap:wrap;gap:12px}.pll-quiz{max-width:720px;margin:auto}.two-side-view{display:flex;justify-content:center;gap:8px;padding:24px 0}.quiz-face{display:grid;justify-items:center;gap:14px;flex:1;max-width:240px;min-width:0}.quiz-stickers{display:flex;width:100%;gap:3px;background:var(--housing);padding:3px}.quiz-stickers span{flex:1;aspect-ratio:1}.quiz-center{width:32px;height:32px;border:2px solid var(--housing)}.quiz-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:20px 0}.quiz-choices button{display:grid;justify-items:center;padding:8px}.quiz-choices svg,.quiz-result svg{width:100px;height:auto;max-width:100%}.utility-nav button{min-width:44px}.cube-player{margin:20px 0;padding:14px;min-width:0}.cube-stage{height:260px;position:relative;perspective:850px;touch-action:pan-y pinch-zoom;cursor:grab}.cube-stage:active{cursor:grabbing}.cube-camera,.cube-scene,.cube-layer,.cube-piece{position:absolute;width:0;height:0;transform-style:preserve-3d}.cube-camera{left:50%;top:50%;transform:rotateX(-25deg) rotateY(-35deg)}.cube-face{position:absolute;left:-24px;top:-24px;width:48px;height:48px;background:#202832;backface-visibility:hidden;box-sizing:border-box}.cube-face[data-color]:after{content:"";position:absolute;inset:3px;border-radius:3px;background:var(--sticker)}.cube-controls{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.cube-controls button,.cube-moves button{border:var(--frame-width) solid var(--key-frame);border-radius:var(--radius);background:var(--key-face);color:var(--key-ink);box-shadow:var(--raise);min-height:44px;min-width:44px;padding:8px 10px;font:600 12px var(--font-mono);font-stretch:var(--mono-stretch);letter-spacing:.04em;text-transform:uppercase;transition:border-color .15s,box-shadow .15s,transform .06s}.cube-controls button:disabled{opacity:.45;cursor:default}.cube-moves{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:12px 0}.cube-moves button{min-width:44px;padding:4px 7px;font-size:14px;text-transform:none}.cube-scrubber{display:block;width:100%;min-height:44px;margin:4px 0 0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer}.cube-scrubber:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius)}.cube-moves [aria-current=step]{transform:translateY(1px);background:var(--surface-accent);border-color:var(--glow-color);color:var(--glow-color);box-shadow:var(--key-shadow-pressed),0 0 12px color-mix(in srgb,var(--glow-color) var(--glow-strength),transparent)}.cube-player .cube-position,.cube-player .cube-help{text-align:center;font:500 11px var(--font-mono);font-stretch:var(--mono-stretch);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:8px 0}.cube-stage:focus-visible{outline:2px solid var(--focus);border-radius:var(--radius)}#detail-dialog{width:min(1040px,calc(100vw - 32px));max-width:1040px}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.case-information,.case-player-panel{min-width:0}.case-player-panel .cube-player{margin-top:0}@media(max-width:760px){.case-layout{grid-template-columns:minmax(0,1fr);gap:16px}}@media(max-width:400px){.cube-stage{height:220px}.cube-camera{scale:.8}}@media(max-height:500px){.cube-stage{height:220px}}.cube-controls .cube-icon-control{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:12px;flex:0 0 48px}.cube-icon-control svg{width:22px;height:22px;pointer-events:none}.cube-controls [data-action=cube-toggle]{background:var(--signal-face);color:var(--signal-ink);box-shadow:inset 0 1px #ffffff80,inset 0 -3px 0 var(--signal-lip),var(--glow)}.cube-stage{background:var(--surface-soft);box-shadow:var(--recess);border:1px solid var(--line)}.cube-scrubber::-webkit-slider-runnable-track{height:12px;border:1px solid var(--frame);background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 10%) 0 100% / 100% 4px no-repeat,var(--surface-soft);box-shadow:var(--recess)}.cube-scrubber::-moz-range-track{height:12px;border:1px solid var(--frame);background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 10%) 0 100% / 100% 4px no-repeat,var(--surface-soft);box-shadow:var(--recess)}.cube-scrubber::-moz-range-progress{height:12px;background:color-mix(in srgb,var(--glow-color) 45%,transparent)}.cube-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:30px;margin-top:-10px;border:2px solid var(--key-frame);border-radius:var(--radius);background:linear-gradient(var(--frame),var(--frame)) center / 8px 2px no-repeat,linear-gradient(var(--line),var(--line)) center calc(50% - 5px) / 8px 1px no-repeat,linear-gradient(var(--line),var(--line)) center calc(50% + 5px) / 8px 1px no-repeat,var(--key-face);box-shadow:var(--raise)}.cube-scrubber::-moz-range-thumb{width:12px;height:26px;border:2px solid var(--key-frame);border-radius:var(--radius);background:linear-gradient(var(--frame),var(--frame)) center / 8px 2px no-repeat,linear-gradient(var(--line),var(--line)) center calc(50% - 5px) / 8px 1px no-repeat,linear-gradient(var(--line),var(--line)) center calc(50% + 5px) / 8px 1px no-repeat,var(--key-face);box-shadow:var(--raise)}@media(hover:hover){:is(.cube-controls,.cube-moves) button:hover:not(:disabled){border-color:var(--glow-color);box-shadow:var(--raise),0 0 14px color-mix(in srgb,var(--glow-color) var(--glow-strength),transparent)}.cube-scrubber:hover::-webkit-slider-thumb{border-color:var(--glow-color);box-shadow:0 0 12px color-mix(in srgb,var(--glow-color) var(--glow-strength),transparent)}.cube-scrubber:hover::-moz-range-thumb{border-color:var(--glow-color);box-shadow:0 0 12px color-mix(in srgb,var(--glow-color) var(--glow-strength),transparent)}}:is(.cube-controls,.cube-moves) button:active:not(:disabled){transform:translateY(2px);box-shadow:var(--key-shadow-pressed)}.solve-timer{max-width:850px;margin:0 auto;text-align:center}.solve-timer .page-heading{text-align:left}.timer-scramble{display:flex;align-items:center;gap:12px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.timer-scramble p{flex:1;min-width:0;font:600 clamp(16px,2.6vw,21px)/1.8 var(--font-mono);word-spacing:.22em;margin:0;overflow-wrap:anywhere}.timer-note{color:var(--muted);font-size:13px}.timer-clock-panel{display:flex;flex-direction:column;align-items:center;padding:38px 12px 24px}.timer-clock{font-family:var(--font-lcd);font-size:clamp(48px,9vw,100px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;position:relative;isolation:isolate;padding:.24em .3em;color:var(--lcd-ink);background:var(--lcd-bg);border:3px solid var(--frame);border-radius:var(--radius-lg);box-shadow:inset 0 3px 10px #00000040,var(--key-shadow);text-shadow:var(--lcd-glow)}.timer-clock[data-ghost]:before{content:attr(data-ghost);position:absolute;inset:0;z-index:-1;padding:inherit;color:var(--lcd-ghost);text-shadow:none}.timer-clock-row{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,32px);max-width:100%}.timer-clock-row .timer-clock{min-width:0}.timer-light{--lamp: 16px;display:flex;flex:0 0 auto;flex-direction:column;gap:calc(var(--lamp) * .3);padding:calc(var(--lamp) * .35);border-radius:calc(var(--lamp) * .6);background:var(--housing);border:1px solid var(--housing);box-shadow:var(--key-shadow)}.timer-lamp{width:var(--lamp);height:var(--lamp);border-radius:50%;background:var(--lamp-off);transition:background-color .12s,box-shadow .12s}.timer-lamp[data-lamp=red]{--lamp-off: #4a2427;--lamp-on: #ef4444}.timer-lamp[data-lamp=yellow]{--lamp-off: #4a3c16;--lamp-on: #facc15}.timer-lamp[data-lamp=green]{--lamp-off: #17392a;--lamp-on: #22c55e}.timer-lamp[data-lit]{background:var(--lamp-on);box-shadow:0 0 calc(var(--lamp) * .6) var(--lamp-on)}[data-theme=dark] .timer-light{border-color:var(--line)}.timer-status-slot{min-height:calc(1.5em + 36px)}.timer-clock-panel [role=status]{line-height:1.5;margin:18px 0;color:var(--muted)}.timer-toggle{min-width:180px;min-height:52px;touch-action:manipulation}.timer-new{margin-bottom:24px}@media(max-width:480px){.timer-scramble{padding:16px;gap:8px}}.timer-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.timer-stats>div,.timer-history{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:16px}.timer-stats h2{font-size:18px}.timer-history{text-align:left;margin:24px 0}.timer-history summary{cursor:pointer;min-height:44px;padding-block:10px}.timer-history li{border-bottom:1px solid var(--line)}@media(max-width:480px){.timer-clock{font-size:clamp(28px,10vw,52px)}.timer-light{--lamp: 11px}}.timer-scramble .icon-button{display:flex;width:44px;height:44px;align-items:center;justify-content:center;flex:0 0 44px}#scramble-dialog{width:min(480px,calc(100vw - 32px))}#scramble-dialog h2{margin:0}#scramble-dialog>p{font-size:13px;color:var(--muted)}.scramble-preview-moves{line-height:1.8;overflow-wrap:anywhere}@media(max-width:400px){.timer-stats{grid-template-columns:minmax(0,1fr)}.timer-clock-panel{padding-top:24px}}.cubes-page{max-width:650px;margin:0 auto}.cube-card h2,.cube-description{overflow-wrap:anywhere}.cube-field{display:flex;flex-direction:column;gap:8px;text-align:left;margin-block:16px;min-width:0}.cube-field input,.cube-field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.cube-field textarea{resize:vertical}.cube-actions{display:flex;flex-wrap:wrap;gap:8px}.cubes-page .page-heading{margin-bottom:24px}.cubes-page .page-heading p{margin:8px 0 0;font-size:14px}.cube-list{border-top:1px solid var(--line)}.cube-list:empty{display:none}.cube-list .cube-card{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0;margin:0}.cube-card-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px}.cube-card-heading h2{margin:0;font-size:18px}.cube-default-badge{font-size:12px;padding:3px 9px;border-radius:var(--radius);background:var(--surface-accent);color:var(--ink)}.cube-description{white-space:pre-wrap;margin:8px 0;color:var(--muted);line-height:1.6}.cube-actions .text-button{min-height:44px;padding:8px 12px}.cube-card .cube-actions{margin-top:8px;gap:4px}.cube-editor{margin-top:24px;border:1px solid var(--line);border-radius:var(--radius-lg);padding:0 16px;background:var(--surface)}.cube-editor summary{min-height:48px;padding-block:14px;cursor:pointer;font-weight:600}.cube-editor form{padding-bottom:16px}.cube-local-note{font-size:12px;color:var(--muted);margin-top:20px}.cube-delete-confirm p{margin-bottom:0;font-size:14px}.solve-timer .page-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.solve-timer .page-heading h1{margin:0}.timer-cube-choice{min-width:0;max-width:min(55%,240px);text-align:left}.timer-cube-choice .select-control [data-slot=select-trigger],.timer-cube-disabled{display:flex;align-items:center;gap:7px;min-height:44px;min-width:44px;padding:8px 0 8px 8px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:13px}.timer-cube-choice .select-value{min-width:0;flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.timer-cube-choice .select-options{width:min(260px,calc(100vw - 48px))}.timer-cube-disabled{max-width:100%;overflow-wrap:anywhere;cursor:default;opacity:.6}.timer-clock-panel[data-timer-hold=holding] #timer-status{color:var(--warn)}.timer-clock-panel[data-timer-hold=armed] #timer-status{color:var(--good)}.timer-penalties{justify-content:center}.timer-penalties [aria-pressed=true]{background:var(--surface-accent);border-color:var(--blue)}.timer-history ol{list-style:none;padding:0}.solve-timer .timer-review{min-height:48px}.solve-history-row[data-action]{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;padding:14px 4px;text-align:left;overflow-wrap:anywhere}.solve-history-meta{justify-content:space-between;color:var(--muted)}#solve-dialog h2{margin:0;font-size:20px}#solve-dialog .dialog-heading{position:sticky;top:-16px;z-index:30;background:var(--surface);padding-block:8px}#solve-dialog .icon-button{flex:0 0 44px;width:44px;height:44px}.solve-result{display:grid;margin-block:16px;text-align:center}.solve-result strong{font-size:32px}#solve-dialog .cube-field>label{display:block;min-height:44px}#solve-dialog .select-control [data-slot=select-trigger]{width:100%;min-height:44px;font-size:16px;text-align:left;white-space:normal}#solve-dialog .select-options{max-width:calc(100vw - 64px)}#solve-dialog .select-options [role=option],#solve-dialog .cube-actions button{min-height:44px}.solve-scramble,.solve-delete{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.notation-page{line-height:1.6}.notation-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px;align-items:start;margin:28px 0}.notation-page fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.notation-page legend{font-weight:750;font-size:17px;padding:0}.notation-picker p{margin:6px 0 12px;color:var(--muted);font-size:13px}.notation-moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.notation-moves button,.notation-suffix button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface, white);padding:10px 6px;min-height:64px}.notation-page button strong,.notation-page button span{display:block}.notation-page button strong{font-size:21px}.notation-page button span{font-size:11px}.notation-page button[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:var(--surface-soft, #edf3f8)}.notation-demo{position:sticky;top:20px;background:var(--surface, white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}.notation-suffix>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.notation-demo h2{font-size:36px;margin:0;line-height:1.3}.notation-demo h2 span{display:block;font-size:16px;font-weight:500;color:var(--muted)}.notation-demo p{font-size:14px}.notation-nets{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.notation-nets figure{margin:0;min-width:0;text-align:center}.cube-net{display:block;width:100%;height:auto}.notation-nets figcaption{font-size:13px}.notation-demo .notation-caption{font-size:12px;color:var(--muted);margin:20px 0 0}.notation-reading{border-top:1px solid var(--line);padding-top:16px}.notation-reading h2{font-size:20px}.notation-reading>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;font-size:14px}.notation-reading p{margin-top:0}.notation-sources{font-size:12px;color:var(--muted)}@media(max-width:800px){.notation-workspace{grid-template-columns:1fr;gap:0}.notation-demo{position:static;padding:18px}.notation-reading>div{grid-template-columns:1fr;gap:0}}@media(max-width:400px){.notation-nets{grid-template-columns:1fr}.notation-nets figure{max-width:260px;margin:auto;width:100%}}.notation-mobile-move{display:none}@media(max-width:800px){.notation-demo{order:-1;margin-bottom:28px}.notation-mobile-move{display:block;font-weight:750;margin-bottom:20px}.notation-mobile-move select{display:block;width:100%;margin-top:8px;font-size:16px}}@media(max-height:700px){.notation-demo{position:static}}.guide-sections{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.guide-sections button,.guide-cube-toggle{min-height:44px;border:1px solid var(--line);border-radius:var(--radius);padding:10px 16px;background:var(--surface);color:var(--ink)}.guide-sections button[aria-pressed=true]{background:var(--surface-soft);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.guide-page{line-height:1.65}.guide-page h2{font-size:24px;line-height:1.3}.guide-page h3{font-size:17px;line-height:1.4;margin:0 0 8px}.guide-page p{margin:0 0 16px}.guide-intro{max-width:720px;margin-bottom:28px}.guide-note,.guide-sources{color:var(--muted);font-size:13px}.guide-example{padding:24px;margin:18px 0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0}.guide-example-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.guide-example-actions details{flex:1 1 180px;min-width:0}.guide-example-actions summary{cursor:pointer;min-height:44px;padding:10px 0;box-sizing:border-box}.guide-algorithm{overflow-wrap:anywhere;font-family:var(--font-mono)}.guide-example .cube-player{margin-top:24px}.guide-sources a,.cross-fact a{color:var(--blue)}.guide-notation>.guide-cube-toggle{margin-bottom:20px}.cross-guide .guide-intro h2{font-size:clamp(26px,4vw,38px);max-width:20ch;margin:0 0 12px}.cross-fact,.cross-practice{border-left:3px solid var(--blue);padding:12px 18px;margin-bottom:24px}.cross-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.cross-frame{margin:0;min-width:0;text-align:center}.cross-move{font-weight:700;color:var(--blue)}.cross-views{display:flex;align-items:center;padding:16px 0}.cross-views>div{width:50%}.cross-views .f2l-diagram{width:100%;max-width:144px;display:block;margin:auto}.cross-views small{color:var(--muted);font-size:11px}.cross-frame figcaption{font-weight:600}.cross-comparison{display:flex;flex-wrap:wrap;gap:8px 24px;background:var(--surface-soft);padding:12px;margin-bottom:20px}.cross-practice p{margin:0}@media(max-width:650px){.guide-example{padding:16px}.cross-sequence{grid-template-columns:1fr;gap:24px}.cross-frame{max-width:320px;width:100%;margin:auto}}.f2l-reference{line-height:1.6}.f2l-help summary{min-height:44px;padding:10px 0;cursor:pointer}.f2l-help p{max-width:65ch}.f2l-index{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 28px}.f2l-index a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink)}.f2l-group{scroll-margin-top:16px;margin:24px 0}.f2l-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.f2l-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:12px;min-width:0}.f2l-case-open{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;color:var(--ink);text-align:left;min-height:44px}.f2l-diagram{width:120px;max-width:60%;height:auto;flex-shrink:0}.f2l-case-open small{display:block;color:var(--muted);margin-top:6px}.f2l-algorithm{font-weight:600;overflow-wrap:anywhere;margin:12px 0 0}.f2l-card:has([aria-expanded=true]){border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:var(--surface-accent)}.f2l-preview{margin-top:16px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0}.f2l-preview h4{font-size:18px;margin:0}.f2l-preview .cube-player{max-width:600px;margin:16px auto 0}@media(max-width:900px){.f2l-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.f2l-grid{grid-template-columns:1fr}}.cross-views polygon{stroke:var(--ink);stroke-width:.6}.chart-container.svelte-1gucchc{min-width:0;width:100%;color:var(--muted);font-size:12px}.chart-container.svelte-1gucchc svg{display:block;width:100%;height:auto;max-height:320px;overflow:visible}.chart-container.svelte-1gucchc text{fill:var(--muted);font-size:11px}.chart-container.svelte-1gucchc .chart-gridline{stroke:var(--line);stroke-width:1}.chart-legend.svelte-wlkxyw{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;list-style:none;margin:12px 0;padding:0}li.svelte-wlkxyw{display:flex;align-items:center;gap:6px}.chart-swatch.svelte-wlkxyw{width:10px;height:10px;border-radius:2px;background:var(--swatch)}.chart-swatch.dashed.svelte-wlkxyw{height:0;width:16px;border-top:2px dashed var(--swatch);background:transparent}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem}}@layer base,components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.max-h-\[300px\]{max-height:300px}.w-full{width:100%}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.resize{resize:both}.scroll-py-1{scroll-padding-block:var(--spacing)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-popover{background-color:var(--popover)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-popover-foreground{color:var(--popover-foreground)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.select-none{-webkit-user-select:none;user-select:none}.aria-selected\:bg-accent[aria-selected=true]{background-color:var(--accent)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:var(--accent-foreground)}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}#practice-picker{width:min(780px,calc(100vw - 32px));padding-block:0;overscroll-behavior:contain}#practice-picker .dialog-heading{position:sticky;top:0;z-index:2;padding-block:12px;background:var(--surface, white)}#practice-picker-title{margin:0;color:var(--ink)}#practice-picker-help{font-size:13px;margin-top:0}.practice-pick-group{margin-block:24px}.practice-pick-group h3{margin:0 0 12px}.practice-pick-group h3 button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;border:0;background:transparent;text-align:left;padding:6px;font-weight:650}.practice-pick-group small{margin-left:auto;white-space:nowrap;color:var(--muted)}.practice-pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.practice-pick-case{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface, white)}.practice-pick-case svg{width:80px;height:84px}.pick-check{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border:1px solid var(--muted);border-radius:var(--radius);font-size:14px}.practice-pick-case .pick-check{align-self:flex-end}#practice-picker [aria-checked=true],#practice-picker [aria-checked=mixed]{background:var(--surface-soft, #edf3f8);border-color:var(--blue)}#practice-picker [aria-checked=true] .pick-check,#practice-picker [aria-checked=mixed] .pick-check{background:var(--ink);color:var(--surface, white)}.practice-picker-actions{position:sticky;bottom:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-block:12px;border-top:1px solid var(--line);background:var(--surface, white)}.practice-picker-actions>span{margin-right:auto;font-size:13px}@media(max-width:500px){.practice-picker-actions>span{width:100%}.practice-picker-actions button{flex:1;padding-inline:8px}}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(./silkscreen-latin-400-normal-CtPo2yA5.woff2) format("woff2")}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(./martian-mono-latin-standard-normal-1TqSgyfh.woff2) format("woff2")}@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./saira-latin-wght-normal-C4OLzBX3.woff2) format("woff2")}@font-face{font-family:DSEG7 Classic;font-style:normal;font-display:swap;font-weight:700;src:url(./DSEG7Classic-Bold-jUCkPCxO.woff2) format("woff2")}:root{color-scheme:light;--font-sans: "Saira Variable", system-ui, sans-serif;--font-display: "Silkscreen", "Martian Mono Variable", monospace;--font-mono: "Martian Mono Variable", ui-monospace, "SFMono-Regular", monospace;--mono-stretch: 87.5%;--font-lcd: "DSEG7 Classic", ui-monospace, monospace;--radius: 2px;--radius-lg: 2px;--cut: 14px;--frame-width: 2px;--cube-red: #e0262e;--cube-orange: #ff7a00;--cube-yellow: #ffd500;--cube-green: #00a651;--cube-blue: #0b4fd6;--cube-white: #ffffff;--cube-stripe: linear-gradient( 90deg, var(--cube-red) 0 16.66%, var(--cube-orange) 0 33.33%, var(--cube-yellow) 0 50%, var(--cube-green) 0 66.66%, var(--cube-blue) 0 83.33%, var(--cube-white) 0 );--page: #e9e7e1;--grid: #0a0a0a0d;--surface: #ffffff;--surface-soft: #f3f2ee;--surface-accent: #e4e2db;--ink: #0a0a0a;--muted: #57534c;--line: #d3d0c7;--frame: #0a0a0a;--blue: #0b45c4;--focus: #0b45c4;--yellow: var(--cube-yellow);--signal: var(--cube-yellow);--signal-ink: #0a0a0a;--signal-glow: transparent;--key: #ffffff;--key-ink: #0a0a0a;--key-frame: #0a0a0a;--key-shadow: inset 0 -2px 0 #0a0a0a1f, 3px 3px 0 #0a0a0a;--key-shadow-pressed: inset 0 2px 3px #0a0a0a33, 1px 1px 0 #0a0a0a;--key-face: var(--key);--signal-face: var(--signal);--signal-lip: #b89400;--panel-face: var(--surface);--panel-depth: 4px 4px 0 #0a0a0a14;--recess: inset 0 2px 3px #0a0a0a1f;--raise: inset 0 -2px 0 #0a0a0a1a;--glow-color: var(--cube-blue);--glow-strength: 22%;--screw: #0a0a0a4d;--screw-hi: #0a0a0a1a;--top-light: transparent;--led-off: #c9c6bd;--good: #00753a;--good-soft: #cfeedd;--warn: #7a4d00;--warn-soft: #ffe58a;--danger: #b0161e;--housing: #0a0a0a;--plate: #0a0a0a;--plate-ink: #f4f4f0;--plate-muted: #a8a8a1;--plate-line: #2c2c30;--lcd-bg: #c4caa8;--lcd-ink: #161b0e;--lcd-ghost: #161b0e14;--lcd-glow: none;--shadow-pop: 6px 6px 0 #0a0a0a;--backdrop: #0a0a0ab3;--glow: 0 0 0 transparent;--background: var(--surface);--foreground: var(--ink);--primary: var(--blue);--chart-1: var(--muted);--chart-2: var(--blue);--chart-3: var(--ink);--popover: var(--surface);--popover-foreground: var(--ink);--accent: var(--surface-accent);--accent-foreground: var(--ink);--diagram-muted: #d0cdc4}:root[data-theme=dark]{color-scheme:dark;--cube-red: #ff2e4d;--cube-orange: #ff8a1f;--cube-yellow: #ffe14d;--cube-green: #2bff88;--cube-blue: #3d8bff;--cube-white: #f4f4f0;--page: #000000;--grid: #ffffff17;--surface: #0a0a0b;--surface-soft: #060607;--surface-accent: #17171a;--ink: #f4f4f0;--muted: #9c9c95;--line: #26262b;--frame: #34343a;--blue: #6aa6ff;--focus: #6aa6ff;--signal-ink: #000000;--signal-glow: #ffe14d66;--key: #0a0a0b;--key-ink: #f4f4f0;--key-frame: #3a3a41;--key-shadow: inset 0 1px 0 #6aa6ff33, inset 0 -2px 0 #000000, 0 2px 0 #000000;--key-shadow-pressed: inset 0 2px 5px #000000e6;--key-face: #0e0e11;--signal-face: var(--signal);--signal-lip: #9c7d00;--panel-face: #0b0b0dd1;--panel-depth: inset 0 1px 0 #6aa6ff26, 0 12px 30px #000000d9;--recess: inset 0 2px 5px #000000e6, inset 0 0 0 1px #000000;--raise: inset 0 1px 0 #6aa6ff2e, inset 0 -2px 0 #000000;--glow-strength: 45%;--screw: #ffffff33;--screw-hi: #ffffff66;--top-light: #0f28524d;--led-off: #2c2c31;--good: #2bff88;--good-soft: #0b2a19;--warn: #ffe14d;--warn-soft: #2e2805;--danger: #ff6b7d;--housing: #000000;--plate: #0a0a0b;--plate-line: #26262b;--lcd-bg: #010805;--lcd-ink: #2bff88;--lcd-ghost: #2bff8812;--lcd-glow: 0 0 6px #2bff8899, 0 0 22px #2bff8840;--shadow-pop: 0 0 0 1px #34343a, 0 0 60px #3d8bff26;--backdrop: #000000d9;--glow: 0 0 18px var(--signal-glow);--diagram-muted: #3a3a40}:root{font-family:var(--font-sans);font-size:15px;font-synthesis:none;color:var(--ink);background:radial-gradient(120% 70% at 50% -20%,var(--top-light),transparent 70%),linear-gradient(var(--grid) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0 / 24px 24px,var(--page);background-attachment:fixed,scroll,scroll,scroll}:where(h1,h2,h3){font-family:var(--font-display);font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button svg,.text-button svg{width:18px;height:18px;flex-shrink:0}a{color:var(--blue)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}main:focus{outline:0}button{transition:background .15s,border-color .15s,box-shadow .08s,transform .08s}button:hover:not(:disabled){filter:brightness(.97)}[data-theme=dark] button:hover:not(:disabled){filter:brightness(1.12)}:is(.date-label,.count,.badge,.case-group,.step-label,.library-meta,.dialog-heading,.source-link,.practice-top,.empty-caption,footer){font-family:var(--font-mono);font-weight:500;font-stretch:var(--mono-stretch);letter-spacing:.06em;text-transform:uppercase}:is(.empty-learning,.study-card,.library-case,.no-results,.scramble,.answer-layout,.practice-panel,.bulk-toolbar,.library-console,.dashboard-panel,.cube-player,.course-continue,.course-card,.timer-scramble,.timer-stats>div,.timer-history){--edge: var(--frame);position:relative;background:linear-gradient(to top left,transparent calc(50% - 1px),var(--edge) 0 calc(50% + 1px),var(--edge-glow, transparent) 0,transparent calc(50% + 8px)) right bottom / var(--cut) var(--cut) no-repeat border-box,var(--panel-face);border:var(--frame-width) solid var(--edge);border-radius:0;box-shadow:var(--panel-depth);clip-path:polygon(evenodd,-100vmax -100vmax,calc(100% + 100vmax) -100vmax,calc(100% + 100vmax) calc(100% + 100vmax),-100vmax calc(100% + 100vmax),-100vmax -100vmax,calc(100% - var(--cut) - 40px) calc(100% + 40px),calc(100% + 40px) calc(100% - var(--cut) - 40px),calc(100% + 40px) calc(100% + 40px),calc(100% - var(--cut) - 40px) calc(100% + 40px),-100vmax -100vmax)}.shell{max-width:1248px;padding:0 48px;margin:auto}.header{--ink: var(--plate-ink);--muted: var(--plate-muted);--line: var(--plate-line);--surface-soft: #ffffff0f;--focus: var(--cube-yellow);min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:14px 20px 18px;color:var(--ink);background:var(--cube-stripe) bottom / 100% 4px no-repeat,var(--plate);border:1px solid var(--line);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font:400 20px/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;min-width:0}.brand-mark{display:grid;grid-template-columns:repeat(2,10px);gap:3px;padding:3px;background:#000;border:1px solid var(--line);transform:rotate(-8deg)}.brand-mark i{width:10px;height:10px;border-radius:1px;background:var(--cube-red)}.brand-mark i:nth-child(2){background:var(--cube-blue)}.brand-mark i:nth-child(3){background:var(--cube-green)}.brand-mark i:last-child{background:var(--yellow)}.brand-sub{font:450 12px var(--font-sans);letter-spacing:0;color:var(--muted);margin-left:10px;padding-left:20px;border-left:1px solid var(--line)}.local-button{display:flex;gap:9px;align-items:center;background:transparent;border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;font:600 12px var(--font-mono);font-stretch:var(--mono-stretch);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.local-button svg{height:15px;width:15px;margin-left:5px}.local-dot{height:7px;width:7px;background:var(--good);border-radius:100%;box-shadow:0 0 6px var(--good)}.nav-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:16px}nav{display:flex;gap:10px}nav button{--c: var(--cube-blue);--c-ink: #fff;display:flex;gap:10px;align-items:center;min-height:44px;padding:10px 16px;background:var(--key);color:var(--key-ink);border:var(--frame-width) solid var(--key-frame);border-radius:var(--radius);box-shadow:var(--key-shadow);font:600 13px var(--font-mono);font-stretch:var(--mono-stretch);letter-spacing:.04em;text-transform:uppercase}nav button svg{display:none}nav button:before{content:"";flex:none;width:10px;height:10px;border-radius:1px;background:var(--c)}nav button[aria-current]{background:var(--c);color:var(--c-ink);box-shadow:var(--key-shadow)}nav button:nth-child(2){--c: var(--cube-green);--c-ink: #000}nav button:nth-child(3){--c: var(--cube-orange);--c-ink: #000}nav button:nth-child(4){--c: var(--cube-red)}[data-theme=dark] nav button{--c-ink: #000}[data-theme=dark] nav button[aria-current]{border-color:var(--c);box-shadow:0 0 18px color-mix(in srgb,var(--c) 55%,transparent)}nav button[aria-current]:before{background:var(--c-ink)}main{min-height:calc(100vh - 270px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:46px 0 35px}.date-label{font-size:12px;color:var(--muted);margin:0 0 12px}.page-heading h1{font:400 clamp(26px,3.4vw,42px) var(--font-display);line-height:round(1.15em,1px);letter-spacing:.02em;text-transform:uppercase;margin:0 0 11px}.page-heading p:last-child{font-size:14px;color:var(--muted);margin:0;line-height:1.65}h2,h3{font-family:var(--font-display);letter-spacing:.01em}h2{font-size:18px}p{line-height:1.65}.today-count{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:22px;white-space:nowrap;font-size:13px;color:var(--muted)}.today-count svg{width:23px;height:23px;color:var(--warn)}.today-count strong{color:var(--ink);font-size:18px;margin-right:3px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;min-height:30px}.section-heading h2{font-size:16px;margin:0;font-weight:700}.count{display:inline-block;font:600 11px var(--font-mono);font-stretch:var(--mono-stretch);color:var(--muted);background:var(--surface-accent);padding:3px 7px;border-radius:var(--radius);vertical-align:middle;margin-left:5px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;padding:6px 0;font-size:13px;color:var(--blue);font-weight:600}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 19px;border-radius:var(--radius);font:600 13px/20px var(--font-mono);font-stretch:var(--mono-stretch);letter-spacing:.04em;text-transform:uppercase}.primary{color:var(--signal-ink);background:var(--signal);border:var(--frame-width) solid var(--key-frame);box-shadow:var(--key-shadow),var(--glow)}.secondary{color:var(--key-ink);background:var(--key);border:var(--frame-width) solid var(--key-frame);box-shadow:var(--key-shadow)}:is(.primary,.secondary):active:not(:disabled){transform:translate(2px,2px);box-shadow:var(--key-shadow-pressed)}[data-theme=dark] .primary{border-color:var(--signal)}[data-theme=dark] .secondary:hover:not(:disabled){border-color:var(--cube-blue);box-shadow:0 0 14px color-mix(in srgb,var(--cube-blue) 45%,transparent)}.empty-learning{min-height:375px;text-align:center;padding:25px 20px 28px;display:flex;align-items:center;flex-direction:column}.empty-diagrams{display:flex;justify-content:center;gap:4px}.empty-diagrams svg{width:114px;height:122px}.empty-diagrams svg:first-child{transform:rotate(-8deg)}.empty-diagrams svg:last-child{transform:rotate(8deg);margin-left:-8px}.empty-learning h2{font-size:20px;margin:13px 0 0}.empty-learning p{font-size:13px;color:var(--muted);margin:10px 0 22px}.empty-caption{font-size:11px;color:var(--muted);margin-top:18px}.practice-panel{margin-top:48px;padding:26px}.practice-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface-soft);width:40px;height:40px;border-radius:var(--radius);margin-bottom:7px}.practice-icon svg{width:21px;height:21px}.practice-panel h2{font-size:27px;font-weight:750;line-height:1.25;letter-spacing:-.8px;margin:13px 0}.practice-panel p{font-size:13px;color:var(--muted);margin:0 0 23px}.practice-panel .primary{width:100%;font-size:12px;white-space:nowrap;padding:12px}.practice-panel small{display:block;font-size:10px;color:var(--muted);text-align:center;margin-top:12px}.habit-note{display:flex;gap:14px;padding:23px 6px}.small-mark{font-size:27px;color:var(--muted)}.habit-note h3{font-size:13px;margin:2px 0 5px}.habit-note p{font-size:12px;margin:0;color:var(--muted)}.bottom-note{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;margin:30px 0 45px}.bottom-note svg{width:14px;height:14px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;margin:30px 0 0;padding:25px 0 30px;font-size:11px;color:var(--muted)}footer .text-button{margin-left:auto;font-size:11px;color:var(--muted)}.study-visual{background:var(--surface-soft);padding:23px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--line)}.study-visual svg{width:190px;height:190px}.study-visual>span{font-size:11px;color:var(--muted);margin-top:10px}.study-body{padding:25px}.study-heading{display:flex;align-items:center;gap:15px;margin-bottom:10px}.study-heading h2{font-size:25px;margin:0}.badge{display:inline-block;white-space:nowrap;font-size:10px;background:var(--surface-accent);color:var(--muted);padding:4px 7px;border-radius:var(--radius)}.badge.confident{background:var(--good-soft);color:var(--good)}.case-occurrence{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.5}.occurrence-note{margin:12px 0;color:var(--muted);font-size:12px;max-width:750px}.occurrence-note summary{display:list-item;min-height:44px;padding:12px 0;cursor:pointer}.occurrence-note p{margin:0 0 12px;line-height:1.6}.occurrence-note a{color:inherit}.algorithm{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 9px;font-family:var(--font-mono);font-weight:600;font-size:18px;line-height:1.85;margin:19px 0}.trigger{display:inline-block;position:relative;background:var(--surface-soft);border:1px solid var(--line);border-bottom-width:2px;border-radius:var(--radius);padding:0 7px}.trigger summary{cursor:pointer;list-style:none}.trigger summary::-webkit-details-marker{display:none}.trigger[open]>span{display:block;font:500 10px/1.6 var(--font-sans);color:var(--blue);padding-bottom:4px}.trigger-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:0;z-index:2;width:max-content;max-width:min(320px,calc(100vw - 64px));padding:8px 11px;border-radius:var(--radius);background:var(--tooltip-background, var(--ink));color:var(--tooltip-color, var(--surface));transform:translate(var(--tooltip-offset, 0px));box-shadow:0 6px 18px #0003;font:600 12px/1.4 var(--font-mono);font-stretch:var(--mono-stretch);letter-spacing:.04em;text-transform:uppercase;min-width:calc(100% + 16px);border:1px solid var(--frame);overflow-wrap:anywhere}.trigger-tooltip:before{content:"";position:absolute;inset:100% 0 -8px}.trigger-tooltip:after{content:"";position:absolute;top:100%;left:14px;border:5px solid transparent;border-top-color:var(--tooltip-background, var(--ink))}[data-theme=dark] .trigger-tooltip{--tooltip-background: var(--surface-accent);--tooltip-color: var(--ink);outline:1px solid var(--line);box-shadow:0 6px 18px #0005}.trigger:not([open],[data-tooltip-dismissed]) summary:focus-visible .trigger-tooltip{display:block}@media(hover:hover){.trigger:not([open],[data-tooltip-dismissed]):hover .trigger-tooltip{display:block}}.plain-moves{display:inline-block}.muted{font-size:12px;color:var(--muted)}.study-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:23px}.case-strip{display:flex;gap:10px;overflow-x:auto;padding:16px 2px}.mini-case{flex-shrink:0;display:flex;align-items:center;flex-direction:column;min-width:113px;max-width:130px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:transparent}.mini-case.active{border-color:var(--frame);background:var(--surface);box-shadow:inset 0 -4px 0 var(--signal)}.mini-case svg{width:66px;height:69px}.mini-case>span{font-size:12px;font-weight:650}.mini-case small{font-size:9px;color:var(--muted);margin-top:4px}.library-toolbar{display:flex;gap:15px;align-items:center;margin:6px 0 24px}.segmented{display:flex;padding:3px;border:var(--frame-width) solid var(--frame);border-radius:var(--radius);background:var(--surface);gap:3px}.segmented button{border:0;background:none;border-radius:var(--radius);padding:9px 15px;font-size:13px;font-weight:650;display:flex;gap:10px;align-items:center}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.segmented span{font-size:10px;font-weight:450;color:var(--muted)}.search{display:flex;align-items:center;gap:9px;border:var(--frame-width) solid var(--frame);background:var(--surface);border-radius:var(--radius);padding:0 13px;margin-left:auto;max-width:310px;flex:1}.search svg{width:16px;height:16px;color:var(--muted)}.search input{border:0;background:transparent;outline:0;width:100%;padding:12px 0;font-size:12px;color:var(--ink);min-width:0}.library-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:16px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-open{background:transparent;border:0;width:100%;text-align:left;display:flex;gap:15px;align-items:center;padding:20px 15px}.case-open svg{width:100px;min-width:100px;height:106px}.case-group{font-size:10px;line-height:1.5;color:var(--muted);display:block}.case-open :is(h2,h3){font-size:20px;margin:6px 0 9px}.case-footer{border-top:1px solid var(--line);padding:9px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.add-button{display:flex;align-items:center;gap:5px;background:transparent;border:0;font-size:11px;color:var(--blue);padding:6px 0}.add-button svg{width:14px;height:14px}.add-button.added{color:var(--good)}.source-note{color:var(--muted);font-size:11px;margin:24px 0;max-width:750px}.source-note a{color:inherit}.no-results{grid-column:1/-1;text-align:center;padding:45px 20px}.no-results p{color:var(--muted);font-size:13px}.progress-stats{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:0;margin-bottom:40px}.progress-stats>div{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--line);padding-left:35px}.progress-stats>div:first-child{padding-left:0}.progress-stats>div:last-child{border:0}.progress-stats strong{font:400 34px var(--font-display);letter-spacing:-1px}.progress-stats small{color:var(--muted);font-size:18px}.progress-stats span{color:var(--muted);font-size:12px;margin-top:6px}.progress-row{width:100%;display:flex;align-items:center;gap:24px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:13px 0}.progress-row>svg:first-child{width:60px;height:60px}.progress-row>svg:last-child{width:17px;height:17px;color:var(--muted)}.progress-name{flex:1;display:flex;flex-direction:column;gap:5px}.progress-name strong{font-size:14px}.progress-name small{color:var(--muted);font-size:11px}.day-dots{display:flex;gap:5px}.day-dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}.day-dots .filled{background:var(--good)}.attempt-count{font-size:11px;color:var(--muted)}.practice-top{display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-size:12px;color:var(--muted)}.trainer{max-width:860px;margin:35px auto 65px;text-align:center}.step-label{font-size:12px;color:var(--blue);margin-bottom:15px}.trainer h1{font:400 34px/round(1.15em,1px) var(--font-display);letter-spacing:-1px;margin:0 0 16px}.trainer>p{font-size:14px;color:var(--muted)}.scramble{padding:32px;line-height:2;font:600 22px/2 var(--font-mono);margin:35px 0;word-spacing:8px;overflow-wrap:anywhere}.trainer-actions{display:flex;justify-content:center;gap:20px;align-items:center}.trainer .trainer-footnote{font-size:11px;margin-top:24px}.mystery-cube{display:grid;grid-template-columns:repeat(3,38px);gap:5px;justify-content:center;padding:35px 0 40px}.mystery-cube i{height:38px;background:var(--line);border-radius:var(--radius)}.mystery-cube i:nth-child(5){background:var(--yellow);font:600 24px/38px var(--font-sans)}.setup-reminder{font-size:12px;color:var(--muted);margin:30px auto;max-width:600px;line-height:1.8}.setup-reminder summary{cursor:pointer}.answer-layout{display:grid;grid-template-columns:180px 1fr;gap:35px;align-items:center;padding:30px;text-align:left;margin:30px 0}.answer-diagram{display:flex;align-items:center;flex-direction:column}.answer-diagram svg{width:165px}.answer-diagram>span{font-size:10px;color:var(--muted)}.answer-layout .algorithm{font-size:22px}.rating-heading{font-size:17px;margin-top:35px}.ratings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.ratings button{background:var(--surface);border:1px solid var(--line);padding:18px 12px;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:7px}.ratings span{font-size:12px;font-weight:650}.ratings small{font-size:10px;color:var(--muted)}.rehearsal-instruction{max-width:550px;margin:25px auto}.warning{padding:14px 18px;background:var(--warn-soft);color:var(--warn);font-size:13px;border-radius:var(--radius);margin-top:20px}dialog{border:var(--frame-width) solid var(--frame);border-radius:var(--radius-lg);background:var(--cube-stripe) top / 100% 5px no-repeat,var(--surface);color:var(--ink);width:min(600px,calc(100vw - 32px));padding:28px;box-shadow:var(--shadow-pop);max-height:90dvh}dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);gap:15px}.icon-button{display:inline-flex;padding:7px;background:none;border:0;border-radius:var(--radius)}.detail-intro{display:flex;align-items:center;gap:30px;margin:18px 0 25px}.detail-intro svg{width:145px;height:150px}.detail-intro h1{font:400 32px/round(1.15em,1px) var(--font-display);margin:0 0 10px;letter-spacing:-1px}.detail-intro p{font-size:11px;color:var(--muted)}.variant-label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}#variant{width:100%;text-overflow:ellipsis}.case-setup{margin:16px 0;border-block:1px solid var(--line)}.case-setup>button{min-height:45px;padding:10px 0}.case-setup-moves{font-size:16px;font-weight:600;line-height:1.8;overflow-wrap:anywhere}.case-setup .muted{font-size:12px;line-height:1.6;margin:0 0 12px}.detail-help{padding:15px 18px;background:var(--surface-soft);border-radius:var(--radius);margin:22px 0}.detail-help strong{font-size:12px}.detail-help p{font-size:12px;color:var(--muted);margin:5px 0 0}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px}.dialog-actions button{flex-shrink:0;white-space:nowrap}.source-link{display:block;font-size:10px;color:var(--muted);margin-top:22px}#backup-dialog h1{font:400 28px/round(1.15em,1px) var(--font-display);letter-spacing:-1px}#backup-dialog>p,.backup-block p{font-size:13px;color:var(--muted)}.backup-block{padding:16px 0 24px;border-bottom:1px solid var(--line)}.backup-block h2{font-size:16px}.file-label{display:inline-flex;flex-direction:column;gap:10px;font-size:12px;font-weight:600}.file-label input{font-size:12px;max-width:100%;font-weight:400}.import-preview{padding:16px;background:var(--surface-soft);border-radius:var(--radius);margin-top:18px;font-size:13px}#import-message{color:var(--danger);font-size:12px;margin-top:15px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);border-radius:var(--radius);background:#000;color:#fff;border:var(--frame-width) solid var(--signal);font-family:var(--font-mono);max-width:calc(100vw - 32px);font-size:12px;z-index:5;padding:0}#toast:empty{border:0}#toast:not(:empty){padding:13px 22px}@media(min-width:1200px){.study-card{display:grid;grid-template-columns:210px 1fr;min-height:315px}.study-visual{border-bottom:0;border-right:1px solid var(--line);padding:20px 15px;justify-content:center}.study-visual svg{width:175px;height:185px}.study-body{padding:26px 22px}.study-actions{flex-wrap:wrap}.study-body .algorithm{font-size:17px}}@media(max-width:1000px){.shell{padding:0 30px}.brand-sub{display:none}.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:30px}.today-count{display:none}.section-heading>.muted{max-width:240px;text-align:right}.library-toolbar{flex-wrap:wrap}.practice-panel{padding:23px}}@media(max-width:700px){.shell{padding:0 20px}.header{min-height:80px;gap:10px}.brand{font-size:20px}.local-button{border:0;padding:8px;font-size:10px;gap:5px}.local-button span:nth-child(2){display:none}.local-button svg{width:19px;height:19px}.nav-wrap{overflow:auto}nav{gap:25px;width:100%;justify-content:space-between}nav button{font-size:12px;gap:6px;padding:14px 0;white-space:nowrap}nav button svg{width:16px;height:16px}.page-heading{margin:30px 0 26px;align-items:flex-start;flex-direction:column;gap:17px}.page-heading h1{font-size:28px;letter-spacing:-1px}.page-heading p:last-child{font-size:13px}.workspace{grid-template-columns:1fr;gap:0}.empty-learning{padding:23px 15px;min-height:350px}.empty-learning h2{font-size:18px}.practice-panel{margin-top:14px;display:block;padding:23px}.practice-panel h2{font-size:25px}.practice-panel h2 br{display:none}.practice-panel p{max-width:450px}.practice-icon{float:right;margin-left:16px}.practice-panel .primary{max-width:none}.practice-panel small{font-size:11px}.habit-note{padding:23px 3px}.bottom-note{margin:8px 0 30px;font-size:10px}.study-visual{padding:15px}.study-visual svg{height:165px;width:165px}.study-body{padding:20px}.study-actions{gap:8px;flex-wrap:wrap}.study-actions .primary{font-size:12px}.algorithm{font-size:17px}.mini-case{min-width:100px}.library-toolbar{gap:12px}.segmented{flex:1}.segmented button{flex:1;justify-content:center}.search{order:3;min-width:100%;max-width:none}.library-grid{gap:12px}.case-open{flex-direction:column;text-align:center;padding:12px 8px;gap:5px}.case-open svg{width:100px;height:104px}.case-group{font-size:9px;min-height:27px;display:flex;align-items:center;justify-content:center}.case-open :is(h2,h3){font-size:18px;margin:4px 0 9px}.case-footer{padding:8px 10px;justify-content:center}.case-footer>span{display:none}.add-button{font-size:10px;padding:5px;min-height:32px}.library-meta{font-size:10px}.progress-stats{padding:23px 0;margin-bottom:30px}.progress-stats>div{padding-left:13px}.progress-stats strong{font-size:29px}.progress-stats small{font-size:13px}.progress-stats span{font-size:10px;max-width:80px;line-height:1.5}.progress-row{gap:10px}.progress-row>svg:first-child{width:45px;height:49px}.progress-name strong{font-size:12px}.progress-name small{font-size:9px}.progress-row .badge{font-size:8px;padding:4px 6px}.attempt-count{display:none}.day-dots{gap:3px}.day-dots i{width:7px;height:7px}.progress-row>svg:last-child{display:none}.section-heading>.muted{display:none}.practice-top{gap:15px;align-items:flex-start;font-size:10px}.practice-top>span{text-align:right}.practice-top .text-button{font-size:11px;white-space:nowrap}.trainer{margin:20px 0 40px}.trainer h1{font-size:27px}.trainer>p{font-size:12px}.scramble{font-size:20px;word-spacing:3px;padding:23px 18px;margin:25px 0;line-height:2}.trainer-actions{flex-direction:column;gap:12px}.trainer-actions .primary{width:100%}.answer-layout{grid-template-columns:1fr;gap:10px;padding:20px;margin:25px 0}.answer-diagram svg{width:140px;height:148px}.answer-layout .algorithm{font-size:18px;justify-content:center}.answer-layout .muted{text-align:center;font-size:11px}.ratings{grid-template-columns:1fr;gap:9px}.ratings button{padding:14px;min-height:65px}.rating-heading{font-size:16px}.ratings span{font-size:13px}.ratings small{font-size:11px}footer{flex-wrap:wrap;gap:10px;font-size:9px;padding:20px 0;margin-top:20px}footer .text-button{font-size:10px}footer>span:nth-child(2){display:none}dialog{padding:20px;max-height:92dvh}.detail-intro{gap:17px}.detail-intro svg{width:117px;min-width:117px;height:125px}.detail-intro h1{font-size:27px}.detail-intro p{font-size:10px}.dialog-actions{flex-direction:column}.dialog-actions .primary,.dialog-actions .secondary{width:100%}#toast{width:max-content;text-align:center}.source-note{font-size:10px}.brand-mark{padding:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.library-meta{align-items:center;min-height:34px}.library-group{margin:0 0 32px}.group-heading{margin:0 0 14px}.group-heading h2{font-size:16px;font-weight:650;margin:0}.diagram-toggle{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius);background:transparent;font-size:11px;color:var(--ink)}.diagram-toggle span{font-size:10px;color:var(--muted)}.diagram-toggle[aria-pressed=true]{border-color:var(--blue)}.study-visual .diagram-toggle,.answer-diagram .diagram-toggle{margin-top:13px}.setting-toggle{display:inline-flex;gap:9px;align-items:center;color:var(--ink);font-size:12px;cursor:pointer;min-height:36px}.setting-toggle input{width:16px;height:16px;accent-color:var(--blue)}.practice-panel .setting-toggle{margin:0 0 14px}.dialog-heading-actions{display:inline-flex;align-items:center;gap:12px}@media(max-width:700px){.dialog-heading-actions{gap:6px}.dialog-heading>span{max-width:115px}}.select-control{position:relative;min-width:0;color:var(--ink)}.select-control [data-slot=select-trigger]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border:var(--frame-width) solid var(--frame);border-radius:var(--radius);background:var(--surface);cursor:pointer;list-style:none;font-size:.85rem;min-height:44px;font-weight:600;overflow-wrap:anywhere}.select-control [data-slot=select-trigger]::-webkit-details-marker{display:none}.select-control [data-slot=select-trigger]>.select-chevron{flex:none;width:8px;height:8px;margin:-4px 3px 0 0;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg)}.select-control [data-slot=select-trigger][data-state=open] .select-chevron{transform:translateY(4px) rotate(225deg)}.select-control [data-slot=select-trigger]:hover,.select-control [data-slot=select-trigger][data-state=open]{border-color:var(--blue);background:var(--surface-accent)}.select-options{z-index:20;max-height:min(340px,45vh);overflow-y:auto;padding:5px;border:var(--frame-width) solid var(--frame);border-radius:var(--radius);background:var(--surface);box-shadow:0 12px 30px #0002}.select-options [role=option]{position:relative;min-height:44px;display:block;width:100%;text-align:left;padding:.75rem 32px .75rem .75rem;border:0;border-radius:var(--radius);background:transparent;color:var(--ink);font-size:.85rem;overflow-wrap:anywhere}.select-options [role=option]:hover,.select-options [role=option]:focus-visible,.select-options [role=option][aria-selected=true]{background:var(--surface-accent)}.select-options [role=option][aria-selected=true]{color:var(--blue);font-weight:700}.select-options [role=option][aria-selected=true]:after{content:"✓";position:absolute;right:12px;top:50%;transform:translateY(-50%)}.group-heading h2{width:100%}.group-heading button{display:flex;align-items:center;width:100%;gap:.6rem;text-align:left;padding:.5rem 0;border:0;background:transparent;color:inherit;font:inherit}.group-chevron{margin-left:auto}.group-heading button[aria-expanded=false] .group-chevron{transform:rotate(-90deg)}.library-grid[hidden]{display:none}.settings-panel{min-width:0}.settings-panel .theme-control{display:block;border:0;padding:0;margin:0 0 2rem}.theme-control legend{font-weight:650;margin-bottom:1rem}.theme-options{display:flex;flex-wrap:wrap;gap:1.5rem}.theme-option,.theme-options label{display:flex;align-items:center;gap:.5rem}.theme-option{gap:0}.theme-options label{min-height:44px;cursor:pointer}[data-slot=radio-group-item]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;min-height:44px;border:0;padding:0;background:transparent;color:var(--primary)}.radio-indicator{width:16px;height:16px;border:1px solid var(--primary);border-radius:50%;background:var(--background)}[data-slot=radio-group-item][data-state=checked] .radio-indicator{background:var(--primary);box-shadow:inset 0 0 0 3px var(--background)}.nav-wrap nav{flex-wrap:wrap}@media(max-width:600px){.nav-wrap nav button{flex:1 1 auto;font-size:.75rem;padding:.85rem .5rem}.library-toolbar .select-control{width:100%}}.group-description{grid-column:1 / -1;margin:0;color:var(--muted);font-size:.85rem}#main>.select-control{max-width:260px;margin-bottom:18px}.case-alias{display:block;color:var(--muted);margin:.2rem 0 .5rem;font-size:.8rem}.library-filters{display:flex;flex-wrap:wrap;gap:12px}.header-settings{min-width:40px;min-height:40px}.side-option{margin:16px 0}.side-option .setting-toggle{margin-bottom:6px}.side-option>small{display:block;line-height:1.5}.variant-saved{display:block;margin-bottom:10px}@media(max-width:700px),(pointer:coarse){.shell button,dialog button,.shell summary,dialog summary,.setting-toggle,.theme-options label{min-height:44px}.icon-button,.local-button{min-height:44px;min-width:44px;justify-content:center;align-items:center}.search input,select,.file-label input{font-size:16px;min-height:44px}.trigger summary{display:flex;align-items:center}}@media(max-width:700px){.shell{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}.nav-wrap{overflow:visible}.nav-wrap nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nav-wrap nav button{justify-content:center;white-space:normal;padding:10px 2px;font-size:12px}.workspace,.workspace>*,.study-heading>*,.detail-intro>div,.progress-name{min-width:0}.section-heading,.study-heading,.library-meta{flex-wrap:wrap}.algorithm,.detail-intro,.progress-name,.select-control [data-slot=select-trigger],.import-preview,#import-message{overflow-wrap:anywhere}.theme-options{gap:8px 20px}.file-label{width:100%;min-width:0}dialog{padding:16px;overscroll-behavior:contain}dialog .dialog-heading{position:sticky;top:-16px;z-index:30;background:var(--surface);padding-block:8px}.detail-intro{gap:12px}.detail-intro svg{width:100px;min-width:100px;height:108px}.detail-intro h1{font-size:24px}.practice-panel .primary{white-space:normal}#toast{bottom:max(16px,env(safe-area-inset-bottom));pointer-events:none}}.home-heading{margin-block:30px 24px}.learning-workspace .study-diagram-button{display:flex;align-items:center;justify-content:center;padding:4px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:inherit}.learning-workspace .study-diagram-button:hover{border-color:var(--blue)}.learning-workspace .study-diagram-button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.learning-workspace .study-body{display:flex;flex-direction:column;justify-content:center;min-width:0}.learning-workspace .case-strip{justify-content:safe center}@media(min-width:1200px){.learning-workspace .study-card{min-height:260px}}#command-dialog{display:flex;flex-direction:column;width:min(512px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--popover);color:var(--popover-foreground);font-family:inherit;font-size:14px;line-height:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}#command-close{position:absolute;top:2px;right:4px;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;color:var(--muted)}#command-close svg{width:16px;height:16px}#command-close:hover{color:var(--popover-foreground)}#command-close:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}#command-dialog [data-slot=command]{min-height:0;border-radius:inherit}#command-dialog [data-slot=command-input-wrapper]{display:flex;align-items:center;gap:8px;height:48px;padding:0 52px 0 12px;border-bottom:1px solid var(--line);flex:none}#command-dialog [data-slot=command-input-wrapper]>span{display:flex;flex:none;width:20px;height:20px;color:var(--muted)}#command-dialog [data-slot=command-input-wrapper] svg{width:100%;height:100%}#command-dialog [data-slot=command-input-wrapper]:focus-within{border-bottom-color:var(--blue)}#command-search{min-width:0;width:100%;height:48px;padding:12px 0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;outline:none}#command-search::placeholder{color:var(--muted);opacity:1}#command-results{min-height:0;max-height:300px;overflow-y:auto;padding:4px}#command-dialog [data-slot=command-item]{min-height:44px;padding:12px 8px;font-size:14px;line-height:20px}#command-dialog [data-slot=command-empty]{padding:24px 0;text-align:center;font-size:14px}@media(max-width:767px){#command-search{font-size:16px}}[data-slot=select-content]{position:relative;width:var(--bits-select-anchor-width);max-width:calc(100vw - 24px);max-height:min(320px,var(--bits-select-content-available-height));overflow-y:auto}[data-slot=select-trigger]{width:100%;text-align:left}[data-slot=select-item]{cursor:pointer}[data-slot=select-item][data-highlighted]{background:var(--surface-accent);outline:2px solid var(--blue);outline-offset:-2px}[data-slot=checkbox]{border:0;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:transparent;flex:none}.checkbox-indicator{width:18px;height:18px;border:1px solid var(--line);border-radius:var(--radius);display:grid;place-content:center;font-size:14px}[data-slot=checkbox]:is([data-state=checked],[data-state=indeterminate]) .checkbox-indicator{background:var(--blue);color:var(--surface);border-color:var(--blue)}.library-heading-actions,.bulk-toolbar-heading,.bulk-properties,.bulk-selection{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.library-heading-actions{justify-content:flex-end}.bulk-toolbar{padding:16px;margin-bottom:24px}.bulk-toolbar-heading{justify-content:space-between}.bulk-properties{align-items:flex-end;gap:12px}.bulk-property{flex:1 1 200px;min-width:0}.bulk-property>label{display:flex;align-items:center;min-height:44px;font-size:.85rem}.bulk-property .select-control{width:100%}.bulk-toolbar p{font-size:.8rem;margin:12px 0 0}.bulk-selection{flex-wrap:nowrap;gap:0;min-width:0}.bulk-selection label{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere;cursor:pointer}.library-case>.bulk-selection{padding:4px 12px 0;font-size:.85rem}.library-case[data-selected=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.group-heading:has(.bulk-selection){display:flex;align-items:center;gap:4px}.group-heading:has(.bulk-selection) h2{min-width:0}@media(max-width:600px){.library-heading-actions{justify-content:flex-start}.bulk-properties>button{width:100%}}@media(max-width:800px){.select-control [data-slot=select-trigger],.select-options [role=option]{font-size:16px}}@media(max-width:400px){.header{gap:8px;padding-inline:12px}.brand{gap:8px;font-size:16px;letter-spacing:.02em}}.library-console{display:grid;gap:14px;padding:16px;margin:6px 0 24px}.library-console .library-toolbar{display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px;margin:0}.library-console .segmented{flex:none}.library-console .search{order:0;flex:1;min-width:0;max-width:none;margin:0}.library-console .library-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:14px;border-top:1px dashed var(--line)}.console-field{display:grid;align-content:start;gap:6px;min-width:0}.console-caption{font:600 11px/14px var(--font-mono);font-stretch:var(--mono-stretch);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.console-field .select-control{width:100%}.console-field .segmented button{flex:1;justify-content:center}@media(max-width:700px){.library-console{padding:12px}.library-heading-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.library-console .library-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.library-console .console-field:last-child{grid-column:1 / -1}}@media(max-width:480px){.library-heading-actions,.library-console .library-filters{grid-template-columns:minmax(0,1fr)}.library-console .library-toolbar{flex-wrap:wrap}.library-console .segmented{flex:1 1 100%}}:is(.empty-learning,.study-card,.library-case,.no-results,.scramble,.answer-layout,.practice-panel,.bulk-toolbar,.library-console,.dashboard-panel,.cube-player,.course-continue,.course-card,.timer-scramble,.timer-stats>div,.timer-history):before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8px 8px,var(--screw-hi) 0 1px,var(--screw) 1.2px 2.4px,transparent 2.9px),radial-gradient(circle at calc(100% - 8px) 8px,var(--screw-hi) 0 1px,var(--screw) 1.2px 2.4px,transparent 2.9px);pointer-events:none}:is(.primary,.secondary,nav button){transition:border-color .15s,box-shadow .15s,transform .06s}.secondary,nav button:not([aria-current]){background:var(--key-face)}.primary{background:var(--signal-face);box-shadow:inset 0 1px #ffffff80,inset 0 -3px 0 var(--signal-lip),var(--key-shadow),var(--glow)}:is(.primary,.secondary,nav button):active:not(:disabled){transform:translateY(2px);box-shadow:var(--key-shadow-pressed)}.select-control [data-slot=select-trigger]{background:var(--key-face);box-shadow:var(--raise)}:is(.search,.segmented){background:var(--surface-soft);box-shadow:var(--recess)}.segmented button[aria-pressed=true]{box-shadow:var(--raise)}[data-slot=checkbox]:is([data-state=checked],[data-state=indeterminate]) .checkbox-indicator,[data-slot=radio-group-item][data-state=checked] .radio-indicator{box-shadow:inset 0 0 0 3px var(--background),0 0 10px color-mix(in srgb,var(--glow-color) var(--glow-strength),transparent)}[data-slot=checkbox]:is([data-state=checked],[data-state=indeterminate]) .checkbox-indicator{box-shadow:0 0 10px color-mix(in srgb,var(--glow-color) var(--glow-strength),transparent)}.header{position:relative;background:radial-gradient(circle at 9px 9px,#ffffff40 0 1.2px,transparent 1.8px),radial-gradient(circle at calc(100% - 9px) 9px,#ffffff40 0 1.2px,transparent 1.8px),var(--cube-stripe) bottom / 100% 4px no-repeat,var(--plate)}.header:before{content:"";position:absolute;left:50%;top:50%;width:120px;height:14px;transform:translate(-50%,-60%);background:repeating-linear-gradient(90deg,#000 0 3px,#ffffff14 3px 4px,transparent 4px 7px);pointer-events:none}@media(max-width:860px){.header:before{display:none}}@media(hover:hover){:is(.secondary,nav button:not([aria-current]),.select-control [data-slot=select-trigger],.segmented button):hover:not(:disabled){border-color:var(--glow-color);box-shadow:var(--raise),0 0 14px color-mix(in srgb,var(--glow-color) var(--glow-strength),transparent)}.search:hover,.search:focus-within{border-color:var(--glow-color);box-shadow:var(--recess),0 0 14px color-mix(in srgb,var(--glow-color) var(--glow-strength),transparent)}.primary:hover:not(:disabled){box-shadow:inset 0 1px #ffffff80,inset 0 -3px 0 var(--signal-lip),var(--key-shadow),0 0 22px color-mix(in srgb,var(--signal) 55%,transparent)}}:is(.detail-help,.progress-sharing){background:var(--surface-soft);border:1px solid var(--line);border-left:4px solid var(--glow-color);border-radius:0;box-shadow:var(--recess)}.detail-help strong{font:600 11px var(--font-mono);font-stretch:var(--mono-stretch);letter-spacing:.06em;text-transform:uppercase}.checkbox-indicator{width:20px;height:20px;border:var(--frame-width) solid var(--key-frame);border-radius:var(--radius);background:var(--surface);box-shadow:var(--recess)}[data-slot=checkbox]:is([data-state=checked],[data-state=indeterminate]) .checkbox-indicator{background:var(--glow-color);border-color:var(--key-frame);color:#fff}[data-theme=dark] [data-slot=checkbox]:is([data-state=checked],[data-state=indeterminate]) .checkbox-indicator{color:#000}.setting-toggle [data-slot=checkbox]{min-width:52px}.setting-toggle .checkbox-indicator{position:relative;display:block;width:42px;height:22px;background:var(--surface-soft);transition:background-color .15s,box-shadow .15s}.setting-toggle .checkbox-indicator svg{display:none}.setting-toggle .checkbox-indicator:after{content:"";position:absolute;top:1px;left:1px;box-sizing:border-box;width:16px;height:16px;border:1px solid var(--key-frame);border-radius:1px;background:var(--key-face);box-shadow:var(--raise);transition:transform .12s}.setting-toggle [data-slot=checkbox][data-state=checked] .checkbox-indicator{background:var(--cube-green);box-shadow:var(--recess),0 0 12px color-mix(in srgb,var(--cube-green) var(--glow-strength),transparent)}.setting-toggle [data-slot=checkbox][data-state=checked] .checkbox-indicator:after{transform:translate(20px)}.setting-toggle [data-slot=checkbox]:disabled .checkbox-indicator{opacity:.5}.settings-panel .setting-toggle{display:flex;font-size:14px;margin-top:10px}.settings-panel .setting-toggle+.muted{margin:-6px 0 14px 61px}.settings-panel h2{margin:32px 0 14px;padding-bottom:8px;border-bottom:var(--frame-width) solid var(--frame)}.settings-panel h2:first-child{margin-top:8px}.theme-control legend{font:600 11px var(--font-mono);font-stretch:var(--mono-stretch);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:var(--frame-width) solid var(--frame);background:var(--surface-soft);box-shadow:var(--recess)}.theme-options .theme-option{position:relative;justify-content:center;min-height:44px;border:var(--frame-width) solid transparent}.theme-options [data-slot=radio-group-item]{position:absolute;inset:0;min-width:0}.theme-options label{display:inline-flex;align-items:center;gap:8px;min-height:0;pointer-events:none;font:600 12px var(--font-mono);font-stretch:var(--mono-stretch);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.theme-options .radio-indicator{display:none}.theme-options [data-slot=radio-group-item][data-state=checked] .radio-indicator{background:var(--glow-color);box-shadow:0 0 8px var(--glow-color)}.theme-option:has([data-state=checked]){background:var(--key-face);border-color:var(--key-frame);box-shadow:var(--raise)}.theme-options label:before{content:"";box-sizing:border-box;flex:none;width:9px;height:9px;border:1px solid var(--key-frame);border-radius:1px;background:var(--led-off)}.theme-option:has([data-state=checked]) label{color:var(--ink)}.theme-option:has([data-state=checked]) label:before{background:var(--glow-color);box-shadow:0 0 8px var(--glow-color)}select[data-slot=native-select]{appearance:none;-webkit-appearance:none;min-height:44px;padding:10px 40px 10px 14px;border:var(--frame-width) solid var(--key-frame);border-radius:var(--radius);color:var(--ink);font:600 16px/20px var(--font-sans);background:linear-gradient(45deg,transparent calc(50% - 1px),var(--ink) 0 calc(50% + 1px),transparent 0) right 20px center / 7px 7px no-repeat,linear-gradient(-45deg,transparent calc(50% - 1px),var(--ink) 0 calc(50% + 1px),transparent 0) right 14px center / 7px 7px no-repeat,var(--key-face);box-shadow:var(--raise);cursor:pointer}@media(hover:hover){.theme-option:hover,select[data-slot=native-select]:hover{border-color:var(--glow-color);box-shadow:var(--raise),0 0 14px color-mix(in srgb,var(--glow-color) var(--glow-strength),transparent)}.setting-toggle:hover .checkbox-indicator{border-color:var(--glow-color);box-shadow:var(--recess),0 0 14px color-mix(in srgb,var(--glow-color) var(--glow-strength),transparent)}}@media(max-width:400px){.theme-options label{flex-direction:column;gap:5px;font-size:11px;letter-spacing:.02em}.theme-options label:before{width:7px;height:7px}}@property --edge{syntax: "<color>"; inherits: false; initial-value: transparent;}@keyframes holo-cycle{0%,to{--edge: var(--cube-blue)}20%{--edge: var(--cube-green)}40%{--edge: var(--cube-yellow)}60%{--edge: var(--cube-orange)}80%{--edge: var(--cube-red)}}@media(hover:hover){:is(.empty-learning,.study-card,.library-case,.no-results,.scramble,.answer-layout,.practice-panel,.bulk-toolbar,.library-console,.dashboard-panel,.cube-player,.course-continue,.course-card,.timer-scramble,.timer-stats>div,.timer-history):hover{--edge: var(--cube-blue);--edge-glow: color-mix(in srgb, var(--edge) 35%, transparent);box-shadow:var(--panel-depth),inset 0 0 14px color-mix(in srgb,var(--edge) 30%,transparent),0 0 24px color-mix(in srgb,var(--edge) var(--glow-strength),transparent);animation:holo-cycle 6s linear infinite}}:is(.empty-learning,.study-card,.library-case,.no-results,.scramble,.answer-layout,.practice-panel,.bulk-toolbar,.library-console,.dashboard-panel,.cube-player,.course-continue,.course-card,.timer-scramble,.timer-stats>div,.timer-history):has([data-slot=select-trigger][aria-expanded=true]){z-index:1;clip-path:polygon(evenodd,-100vmax -100vmax,calc(100% + 100vmax) -100vmax,calc(100% + 100vmax) calc(100% + 100vmax),-100vmax calc(100% + 100vmax),-100vmax -100vmax,100% calc(100% - var(--cut)),100% 100%,calc(100% - var(--cut)) 100%,100% calc(100% - var(--cut)),-100vmax -100vmax)}@media(prefers-reduced-motion:reduce){*{animation:none!important}}:is(.settings-panel,.bulk-toolbar) :is(p,legend,label,strong){line-height:20px}:is(.settings-panel,.bulk-toolbar) :is(h2,h3){line-height:24px}.header-actions{display:flex;align-items:center;gap:12px}.theme-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}@media(max-width:700px){.header-actions{gap:4px}}.dashboard-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}.dashboard-toolbar [aria-pressed=true]{border-color:var(--blue);background:var(--surface-accent)}.activity-section{border-block:1px solid var(--line);padding:20px 0}.activity-heatmap-scroll{overflow-x:auto;padding:4px;max-width:100%}.activity-heatmap{display:flex;width:max-content;gap:3px}.heatmap-week,.heatmap-weekdays{display:grid;grid-template-rows:20px repeat(7,12px);gap:3px}.heatmap-week{width:12px}.heatmap-weekdays{width:32px;align-items:center;color:var(--muted);font-size:11px}.heatmap-week-label{text-align:left;white-space:nowrap;color:var(--muted);font-size:11px}.activity-heatmap .activity-cell{display:block;width:12px;height:12px;min-width:12px;min-height:12px;padding:0;border:0;border-radius:2px;background:transparent}.activity-heatmap .activity-cell:hover{background:transparent;outline:1px solid var(--muted);outline-offset:1px}.activity-tile{display:block;width:12px;height:12px;border-radius:2px;border:0;background:var(--surface-accent);box-shadow:inset 0 0 0 1px var(--line)}.activity-tile[data-level="1"]{background:color-mix(in srgb,var(--blue) 20%,var(--surface))}.activity-tile[data-level="2"]{background:color-mix(in srgb,var(--blue) 45%,var(--surface))}.activity-tile[data-level="3"]{background:var(--blue);box-shadow:0 0 6px color-mix(in srgb,var(--blue) var(--glow-strength),transparent)}.activity-cell[aria-pressed=true] .activity-tile{outline:1px solid var(--ink);outline-offset:1px}.heatmap-legend{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;justify-content:flex-end;margin:10px 0 16px}.heatmap-legend .activity-tile{width:12px;height:12px}.activity-detail{border-top:1px solid var(--line);padding-top:12px}.activity-detail dl{display:flex;flex-wrap:wrap;gap:12px 32px}.activity-detail dl div{flex:1 1 140px}.activity-detail dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.activity-detail dd{margin:0;font-variant-numeric:tabular-nums}.case-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:12px}.case-map-cell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.case-map-cell svg{width:80px;height:80px}.case-map-cell small{color:var(--muted)}.solve-chart{margin:24px 0}.solve-chart path{fill:none;stroke-width:2}.average-five{stroke:var(--color-ao5)}.average-twelve{stroke:var(--color-ao12);stroke-dasharray:6 3}.solve-chart figcaption{color:var(--muted);font-size:13px}.recent-solves summary{min-height:44px;padding:12px 0;cursor:pointer}.recent-solves ol{list-style:none;padding:0}.recent-solves li{border-bottom:1px solid var(--line)}@media(max-width:700px){.case-map{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-stats{flex-wrap:wrap;gap:20px 0}.dashboard-stats>div{min-width:140px;padding:0 16px}.dashboard-stats>div:first-child{padding-left:16px}@media(max-width:700px){.dashboard-stats>div{flex:1 1 45%;min-width:0;padding:0 8px}.dashboard-stats>div:first-child{padding-left:8px}.dashboard-stats strong{font-size:24px;overflow-wrap:anywhere}}.case-map[hidden]{display:none}.case-section-toggle{width:100%;min-height:44px;display:flex;justify-content:space-between;align-items:center;padding:10px 0;border:0;background:transparent;color:var(--ink);text-align:left}.case-section-toggle small{font-size:12px;font-weight:400;margin-left:8px}.daily-solves{margin-top:20px}.daily-solve-heading{display:flex;justify-content:space-between;gap:12px}.daily-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.daily-charts h4{margin:0 0 12px}.individual-times{stroke:var(--color-solve);stroke-width:1}.solve-dot{fill:var(--color-solve);stroke:var(--surface);stroke-width:1}.solve-point[aria-current=true] .solve-dot,.solve-point:hover .solve-dot,.solve-point:focus-visible .solve-dot{fill:var(--blue);stroke:var(--ink);stroke-width:2}.distribution-bar{fill:var(--color-count);opacity:.65}.median-line{stroke:var(--color-median);stroke-width:2;stroke-dasharray:4 3}.selected-solve{padding:16px 0;border-block:1px solid var(--line);overflow-wrap:anywhere}.selected-solve h4{margin:0}.solve-point-navigation{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:700px){.daily-charts{grid-template-columns:minmax(0,1fr);gap:0}}.dashboard-panel{padding:20px;margin:0 0 24px}.dashboard-panel.progress-stats{padding:22px 4px}.dashboard-panel>.section-heading:first-child{margin-top:0}@media(max-width:700px){.dashboard-panel{padding:14px}.dashboard-panel.progress-stats{padding:16px 0}}