:root{--paper:#f4f4f1;--surface:#fff;--surface-2:#fbfbf9;--surface-3:#eae9e4;--line:#e8e7e2;--line-2:#dad9d3;--ink:#16161a;--ink-2:#6b6b66;--ink-3:#a3a39c;--on-ink:#fff;--header-bg:#f4f4f1c7;--track:#e5e4df;--btn-bg:#fff;--btn-border:#e2e1dc;--btn-hover:#f4f4f1;--ctl-bg:#f4f4f1;--ctl-border:#eae9e4;--ctl-hover:#eae9e4;--del-hover-bg:#fbedec;--del-hover-text:#c7553f;--complete:#3c8a63;--card-shadow:0 1px 2px #14141908;--card-shadow-hover:0 8px 22px #1414190f;--cta-shadow-hover:0 12px 28px #1414193d;--acc-mixed:#8779d6;--acc-beginner:#3f9b6e;--acc-intermediate:#c2913b;--acc-advanced:#c7613f;--sans:"Geist", -apple-system, ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-xs:clamp(.69rem, .66rem + .15vw, .75rem);--t-sm:clamp(.8rem, .77rem + .18vw, .875rem);--t-base:clamp(.94rem, .9rem + .2vw, 1rem);--t-lg:clamp(1.1rem, 1rem + .5vw, 1.25rem);--t-xl:clamp(1.4rem, 1.2rem + 1vw, 1.8rem);--t-2xl:clamp(2rem, 1.5rem + 2.4vw, 3.2rem);--t-3xl:clamp(2.6rem, 1.8rem + 4vw, 4.6rem);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:8px;--r-md:12px;--r-lg:18px;--ease:cubic-bezier(.22, 1, .36, 1);--fast:.16s var(--ease);--med:.32s var(--ease);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);font-size:var(--t-base);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-synthesis:none;line-height:1.5}:root[data-theme=dark]{--paper:#0d0d0f;--surface:#1a1a1e;--surface-2:#232328;--surface-3:#2c2c33;--line:#2a2a2f;--line-2:#3a3a41;--ink:#f4f4f2;--ink-2:#a6a6a0;--ink-3:#76766f;--on-ink:#16161a;--header-bg:#0d0d0fb8;--track:#2d2d33;--btn-bg:#232328;--btn-border:#34343a;--btn-hover:#2c2c33;--ctl-bg:#151517;--ctl-border:#2a2a2f;--ctl-hover:#26262c;--del-hover-bg:#3a2220;--del-hover-text:#e08a6f;--complete:#5fb587;--card-shadow:0 1px 2px #00000040;--card-shadow-hover:0 8px 24px #0006;--cta-shadow-hover:0 12px 28px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);overscroll-behavior-y:none;min-height:100svh;transition:background-color .25s,color .25s}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--ink);font-weight:700;line-height:1.05}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input{font:inherit}::selection{background:var(--ink);color:var(--on-ink)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.eyebrow{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app{min-height:100svh}.masthead{z-index:20;background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:saturate(140%)blur(14px);backdrop-filter:saturate(140%)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.mast-inner{max-width:960px;padding:var(--s3) var(--s5);justify-content:space-between;align-items:center;gap:var(--s4);margin:0 auto;display:flex}.wordmark{align-items:baseline;gap:var(--s2);color:var(--ink);text-decoration:none;display:inline-flex}.wm-mark{background:var(--ink);border-radius:1.5px;width:9px;height:9px;transform:rotate(45deg)translateY(-1px)}.wm-text{font-weight:800;font-size:var(--t-sm);letter-spacing:.22em}.wm-tag{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3);letter-spacing:.04em}.mast-actions{align-items:center;gap:var(--s2);display:flex}.mast-sep{background:var(--line-2);width:1px;height:20px;margin:0 var(--s1)}.mast-run-actions{align-items:center;gap:var(--s2);margin-left:auto;display:flex}.btn-primary{justify-content:center;align-items:center;gap:var(--s3);width:100%;padding:var(--s4) var(--s5);background:var(--ink);color:var(--on-ink);border-radius:var(--r-md);font-weight:700;font-size:var(--t-base);letter-spacing:-.01em;transition:transform var(--fast), background var(--fast), box-shadow var(--fast);display:inline-flex}.btn-primary:hover{background:#fff;box-shadow:0 10px 30px -12px #ffffff59}.btn-primary:active{transform:translateY(1px)scale(.995)}.btn-primary svg{transition:transform var(--med)}.btn-primary:hover svg{transform:translate(3px)}.btn-ghost{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--t-sm);transition:color var(--fast), background var(--fast), border-color var(--fast);border:1px solid #0000;font-weight:500;display:inline-flex}.btn-ghost:hover{color:var(--ink);background:var(--surface-2);border-color:var(--line)}.btn-icon{border-radius:var(--r-sm);width:36px;height:36px;color:var(--ink-2);transition:color var(--fast), background var(--fast), border-color var(--fast);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{color:var(--ink);background:var(--surface-2);border-color:var(--line)}.screen{max-width:960px;padding:var(--s6) var(--s5) var(--s8);gap:var(--s5);animation:rise var(--med) both;flex-direction:column;margin:0 auto;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.hero{gap:var(--s3);padding-top:var(--s3);flex-direction:column;display:flex}.hero-title{font-size:var(--t-3xl);letter-spacing:-.035em;font-weight:800}.hero-sub{max-width:46ch;color:var(--ink-2);font-size:var(--t-lg);line-height:1.45}.dot{color:var(--ink-3);margin:0 .5ch}.set-summary{gap:var(--s2);padding:var(--s4) var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;display:flex}.set-summary p{font-size:var(--t-base);color:var(--ink-2)}.set-summary strong{color:var(--ink);font-weight:700}.progress-grid{gap:var(--s4);margin-top:var(--s3);flex-direction:column;display:flex}.solving{gap:var(--s4);max-width:1300px}.solve-layout,.solve-side{gap:var(--s4);flex-direction:column;display:flex}.board-col{gap:var(--s4);flex-direction:column;min-width:0;display:flex}@media (width>=1040px){.solve-layout{align-items:flex-start;gap:var(--s6);flex-direction:row}.solve-side{flex-shrink:0;width:256px;position:sticky;top:84px}.solve-side .readout{grid-template-columns:1fr}.solve-side .readout-cell{border-right:none;border-bottom:1px solid var(--line)}.solve-side .readout-cell:last-child{border-bottom:none}.board-col{flex:1}}.mast-solving .mast-inner{max-width:1300px}.mast-home .mast-inner{max-width:1180px}.readout{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.readout-cell{padding:var(--s3) var(--s4);border-right:1px solid var(--line);flex-direction:column;gap:3px;display:flex}.readout-cell:last-child{border-right:none}.readout-val{font-size:var(--t-xl);color:var(--ink);font-weight:600;line-height:1}.readout-of{color:var(--ink-3);font-size:.6em}.readout-note{font-size:var(--t-xs);color:var(--ink-3);text-transform:lowercase}.readout-val[data-pace=ahead]{color:var(--ink)}.readout-val[data-pace=behind]{color:var(--ink-2);text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1px}.readout-val[data-paused]{color:var(--ink-3)}.readout-clock .clock-head{justify-content:space-between;align-items:center;display:flex}.clock-btn{border-radius:var(--r-sm);width:24px;height:24px;color:var(--ink-2);border:1px solid var(--line);transition:color var(--fast), border-color var(--fast), background var(--fast);justify-content:center;align-items:center;display:inline-flex}.clock-btn:hover{color:var(--ink);border-color:var(--ink-3);background:var(--surface-2)}.progress-rail{background:var(--line);border-radius:2px;height:2px;overflow:hidden}.progress-rail-fill{background:var(--ink);height:100%;transition:width var(--med)}.retry-flag{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:1px dashed var(--line-2);font-size:var(--t-sm);color:var(--ink-2);border-radius:999px;align-self:flex-start;display:inline-flex}.run-actions{gap:var(--s2);margin-top:var(--s1);flex-direction:column;display:flex}.run-btn{justify-content:center;align-items:center;gap:var(--s2);border:1px solid var(--btn-border);background:var(--btn-bg);width:100%;height:42px;color:var(--ink);font-size:var(--t-sm);transition:background var(--fast), border-color var(--fast), color var(--fast);border-radius:11px;font-weight:600;display:flex}.run-btn:hover{background:var(--btn-hover);border-color:var(--line-2)}.run-btn-ghost{color:var(--ink-2)}.run-btn-ghost:hover{background:var(--del-hover-bg);color:var(--del-hover-text);border-color:#0000}.board-stage{justify-content:center;display:flex}.board-wrap{gap:var(--s4);flex-direction:column;width:100%;max-width:100%;display:flex}.board-stage{width:100%}.solved-badge{z-index:6;color:#fff;width:40px;height:40px;animation:badge-pop .3s var(--ease) both;background:#2e9b5b;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000073}@keyframes badge-pop{0%{transform:translate(-50%,-50%)scale(0)}}.turn-badge{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:1px solid var(--line-2);border-radius:var(--r-sm);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);white-space:nowrap;flex-shrink:0;font-weight:700;display:inline-flex}.turn-disc{border:1.5px solid var(--ink);border-radius:50%;flex-shrink:0;width:10px;height:10px}.turn-badge.turn-w .turn-disc{background:var(--paper)}.turn-badge.turn-b .turn-disc{background:var(--ink)}.board-shell{border-radius:var(--r-md);border:1px solid var(--line-2);transition:box-shadow var(--med);position:relative;overflow:hidden}.board-shell.feedback-right,.board-shell.feedback-solved{box-shadow:0 0 0 1px var(--ink), 0 0 40px -16px #fff6}.wrong-badge{z-index:6;color:#fff;width:28px;height:28px;animation:badge-pop .18s var(--ease) both;background:#c0392b;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 5px #00000073}.board-side{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.board-controls{align-items:center;gap:var(--s2);flex-shrink:0;margin-left:auto;display:flex}.solved-strip{gap:var(--s3);flex-direction:column;width:100%;display:flex}.solved-thumbs{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.thumb{aspect-ratio:1;border:1px solid var(--line-2);border-radius:8px;width:100%;position:relative;overflow:hidden}.thumb.missed{border-color:var(--ink-3);opacity:.88}.thumb-badge{color:#fff;background:#2e9b5b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 1px 4px #00000080}.thumb.missed .thumb-badge{background:var(--ink-3)}.mini-board{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid}.mb-sq{justify-content:center;align-items:center;display:flex}.mb-piece{width:100%;height:100%;display:block}.feedback{font-size:var(--t-sm);color:var(--ink-2);flex:1;min-width:180px;margin:0}.feedback-text-wrong,.feedback-text-right,.feedback-text-solved{color:var(--ink);font-weight:600}.hint-btn{padding:var(--s2) var(--s4);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink);font-size:var(--t-sm);transition:background var(--fast), border-color var(--fast);font-weight:500}.hint-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-3)}.hint-btn:disabled{opacity:.35;cursor:default}.reveal{width:100%;color:var(--ink-2);font-size:var(--t-sm);margin:0}.reveal strong{color:var(--ink);font-family:var(--mono)}.stat-row{background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;display:grid;overflow:hidden}.stat{gap:var(--s2);padding:var(--s4);background:var(--surface);flex-direction:column;display:flex}.stat-value{font-size:var(--t-xl);color:var(--ink);font-weight:700;line-height:1}.stat-value[data-tone=bad]{color:var(--ink-2)}.next-hint{color:var(--ink-2);font-size:var(--t-base)}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s5)}.chart-card h3{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin-bottom:var(--s4);font-weight:600}.chart-svg{width:100%;height:auto}.chart-line{stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--ink)}.chart-val{fill:var(--ink);font-family:var(--mono);font-size:11px;font-weight:600}.chart-label{fill:var(--ink-3);font-family:var(--mono);font-size:10px}.axis{stroke:var(--line-2);stroke-width:1px}.stair-target{fill:var(--surface-2);stroke:var(--line-2);stroke-width:1px;stroke-dasharray:3 3}.stair-target.is-next{fill:#ffffff0f;stroke:var(--ink-2);stroke-dasharray:none}.stair-tick{stroke:var(--ink-3);stroke-width:1.5px}.stair-actual{opacity:.95}.stair-actual.tone-good{fill:var(--ink)}.stair-actual.tone-bad{fill:var(--ink-3)}.stair-actual.tone-neutral{fill:var(--ink-2)}.stair-legend{align-items:center;gap:var(--s1);margin-top:var(--s3);font-size:var(--t-xs);color:var(--ink-3);display:flex}.stair-legend .swatch{vertical-align:-1px;border-radius:2px;width:9px;height:9px;display:inline-block}.stair-legend .swatch.target{background:var(--surface-2);border:1px dashed var(--line-2)}.stair-legend .swatch.good{background:var(--ink)}.stair-legend .swatch.bad{background:var(--ink-3)}.mastery-list{gap:var(--s3);flex-direction:column;display:flex}.mastery-row{align-items:center;gap:var(--s3);grid-template-columns:110px 1fr 88px;display:grid}.mastery-theme{font-size:var(--t-sm);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mastery-track{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.mastery-fill{height:100%;transition:width var(--med);border-radius:999px}.mastery-fill.tone-good{background:var(--ink)}.mastery-fill.tone-mid{background:var(--ink-2)}.mastery-fill.tone-bad{background:var(--ink-3)}.mastery-stat{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3);text-align:right}.learn-head{align-items:baseline;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.learn-pct{font-size:var(--t-2xl);color:var(--ink);font-weight:800;line-height:1}.learn-pct-label{font-size:var(--t-sm);color:var(--ink-2);max-width:30ch}.learn-pct-label strong{color:var(--ink);font-weight:700}.learn-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:12px;display:flex;overflow:hidden}.learn-bar .seg{height:100%;transition:width var(--med);display:block}.seg-recognized{background:var(--ink)}.seg-learning{background:var(--ink-3)}.seg-calculating{background:repeating-linear-gradient(45deg, var(--surface-3) 0 4px, var(--surface-2) 4px 8px)}.learn-legend{gap:var(--s4);margin-top:var(--s3);font-size:var(--t-xs);color:var(--ink-2);flex-wrap:wrap;display:flex}.learn-legend b{color:var(--ink);margin-left:2px}.learn-legend .swatch{vertical-align:0;border-radius:2px;width:9px;height:9px;margin-right:5px;display:inline-block}.sw-recognized{background:var(--ink)}.sw-learning{background:var(--ink-3)}.sw-calculating{background:repeating-linear-gradient(45deg, var(--surface-3) 0 3px, var(--surface-2) 3px 6px);border:1px solid var(--line)}.learn-note{margin-top:var(--s4);padding:var(--s3) var(--s4);border:1px dashed var(--line-2);border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--ink-2)}.learn-note b{color:var(--ink)}.learn-working{margin-top:var(--s4)}.learn-working ul{gap:var(--s2);margin-top:var(--s2);flex-direction:column;list-style:none;display:flex}.learn-working li{justify-content:space-between;align-items:center;gap:var(--s3);font-size:var(--t-sm);display:flex}.lw-theme{color:var(--ink-2)}.lw-trend{color:var(--ink);font-size:var(--t-xs)}.lw-arrow{color:var(--ink-3)}.home{gap:var(--s6);max-width:1180px}.home-hero{justify-content:space-between;align-items:flex-end;gap:var(--s5);padding-top:var(--s4);display:flex}.home-hero-title{letter-spacing:-.025em;font-size:clamp(2.2rem,1.6rem + 2.6vw,3rem);font-weight:600}.method-link{white-space:nowrap;font-size:var(--t-sm);color:var(--ink-2);transition:color var(--fast);align-items:center;gap:7px;margin-bottom:6px;font-weight:500;display:inline-flex}.method-link:hover{color:var(--ink)}.home-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:36px;display:grid}.builder-aside{position:sticky;top:90px}.home-solo{max-width:460px}@media (width<=900px){.home-grid{grid-template-columns:1fr}.builder-aside{position:static}}.theme-toggle{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.tt-seg{width:28px;height:28px;color:var(--ink-3);transition:background var(--fast), color var(--fast);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.tt-seg.on{background:var(--ink);color:var(--on-ink)}.streakchip-wrap,.account{align-items:center;display:flex;position:relative}.streakchip{border:1px solid var(--line-2);background:var(--surface);height:34px;color:var(--ink);transition:background var(--fast), border-color var(--fast);border-radius:999px;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.streakchip-flame{color:#e08a4b;flex:none}.streakchip .num{color:var(--ink);font-size:13px;font-weight:500}.streakchip:hover{background:var(--btn-hover)}.avatar-btn{outline-offset:2px;border-radius:50%;padding:0;display:inline-flex}.avatar{object-fit:cover;border:1px solid var(--line-2);width:28px;height:28px;transition:border-color var(--fast);border-radius:50%;display:block}.avatar-btn:hover .avatar{border-color:var(--ink-2)}.avatar-fallback{background:var(--surface-3);color:var(--ink);font-weight:700;font-size:var(--t-sm);justify-content:center;align-items:center;display:inline-flex}.popover-scrim{z-index:30;cursor:default;background:0 0;position:fixed;inset:0}.popover{z-index:31;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);min-width:230px;padding:var(--s4);animation:pop var(--fast) both;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px -20px #000000b3}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}}.account-id{padding-bottom:var(--s3);border-bottom:1px solid var(--line);margin-bottom:var(--s2);flex-direction:column;gap:2px;display:flex}.account-name{color:var(--ink);font-weight:600}.account-mail{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3);text-overflow:ellipsis;overflow:hidden}.menu-item{width:100%;padding:var(--s2) var(--s2);border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--t-sm);text-align:left;display:flex}.menu-item:hover{background:var(--surface-2);color:var(--ink)}.streak-head{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.streak-text{flex-direction:column;display:flex}.streak-count{font-size:var(--t-lg);color:var(--ink);font-weight:700}.streak-sub{font-size:var(--t-xs);color:var(--ink-3)}.streak-goalrow{justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line);display:flex}.goal-ring{flex-shrink:0;width:42px;height:42px}.goal-track{fill:none;stroke:var(--surface-3);stroke-width:4px}.goal-fill{fill:none;stroke:var(--ink);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset var(--med)}.goal-ring-text{fill:var(--ink);font-family:var(--mono);font-size:13px;font-weight:600}.goal-text{flex-direction:column;align-items:flex-end;display:flex}.goal-value{color:var(--ink-2);font-size:var(--t-sm);align-items:center;gap:5px;display:inline-flex}.goal-value:hover,.goal-value .num{color:var(--ink)}.goal-input{background:var(--surface-2);border:1px solid var(--ink-3);border-radius:var(--r-sm);width:64px;color:var(--ink);font-family:var(--mono);font-size:var(--t-sm);padding:3px 8px}.builder{background:var(--surface);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:20px;padding:24px}.builder-head{margin-bottom:22px}.builder-title{letter-spacing:-.01em;margin-top:9px;font-size:19px;font-weight:600}.builder-group{margin-bottom:22px}.builder-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-size:11px;font-weight:500}.diff-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.diff-cell{border:1px solid var(--line);background:var(--surface);text-align:left;transition:border-color var(--fast), background var(--fast), box-shadow var(--fast);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 13px;display:flex}.diff-cell:hover{border-color:var(--line-2)}.diff-cell.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--surface-2)}.diff-top{align-items:center;gap:7px;display:flex}.diff-dot{border-radius:999px;flex:none;width:8px;height:8px}.diff-name{color:var(--ink);font-size:14px;font-weight:600}.diff-range{font-family:var(--mono);color:var(--ink-3);font-size:11.5px}.collection-row{border:1px solid var(--line);background:var(--surface);text-align:left;width:100%;transition:border-color var(--fast), background var(--fast);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.collection-row:hover{border-color:var(--line-2)}.collection-row.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--surface-2)}.collection-badge{color:#fff;letter-spacing:.02em;background:linear-gradient(140deg,#1f1b4d,#4341a8);border-radius:9px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:600;display:flex}.collection-meta{flex:1;min-width:0}.collection-name{color:var(--ink);font-size:14px;font-weight:600;display:block}.collection-sub{font-family:var(--mono);color:var(--ink-3);margin-top:3px;font-size:11.5px;display:block}.collection-check{color:var(--ink);flex:none}.size-seg{background:var(--ctl-bg);border:1px solid var(--ctl-border);border-radius:12px;gap:6px;padding:5px;display:flex}.size-seg-btn{height:42px;color:var(--ink-2);font-family:var(--mono);transition:background var(--fast), color var(--fast);background:0 0;border-radius:8px;flex:1;font-size:14px;font-weight:600}.size-seg-btn:hover:not(.on){background:var(--ctl-hover)}.size-seg-btn.on{background:var(--ink);color:var(--on-ink)}.builder-preview{border-top:1px solid var(--line);color:var(--ink-3);margin:0;padding-top:16px;font-size:12px;line-height:1.5}.builder .btn-primary{border-radius:13px;height:52px;margin-top:18px}.sessions{flex-direction:column;display:flex}.sessions-head{justify-content:space-between;align-items:baseline;margin:0 2px 16px;display:flex}.sessions-count{font-family:var(--mono);color:var(--ink-3);font-size:12px}.session-list{flex-direction:column;gap:10px;display:flex}.session-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--card-shadow);transition:border-color var(--fast), box-shadow var(--fast);border-radius:18px;align-items:center;gap:24px;padding:20px 22px;display:flex}.session-card:hover{border-color:var(--line-2);box-shadow:var(--card-shadow-hover)}.session-body{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.session-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.session-id{align-items:center;gap:10px;min-width:0;display:flex}.session-dot{border-radius:999px;flex:none;width:9px;height:9px}.session-name{color:var(--ink);font-size:16px;font-weight:600}.session-meta{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;font-size:12.5px}.session-ago{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;font-size:12px}.seg-bar{gap:6px;width:100%;display:flex}.seg{background:var(--track);border-radius:4px;flex:1;height:8px;overflow:hidden}.seg-fill{background:var(--ink);height:100%;display:block}.session-foot{font-family:var(--mono);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.session-foot-r{color:var(--ink-3);align-items:center;gap:10px;display:inline-flex}.session-allclear{color:var(--complete);align-items:center;gap:4px;display:inline-flex}.session-actions{flex:none;align-items:center;gap:8px;display:flex}.btn-resume{border:1px solid var(--btn-border);background:var(--btn-bg);height:40px;color:var(--ink);transition:background var(--fast), border-color var(--fast);border-radius:11px;align-items:center;gap:7px;padding:0 17px;font-size:13px;font-weight:600;display:inline-flex}.btn-resume:hover{background:var(--btn-hover);border-color:var(--line-2)}.btn-del{width:40px;height:40px;color:var(--ink-3);transition:background var(--fast), color var(--fast);background:0 0;border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.btn-del:hover{background:var(--del-hover-bg);color:var(--del-hover-text)}.account{align-items:center;gap:var(--s2);display:flex}.account-email{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.btn-signin{padding:var(--s2) var(--s3);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink);font-size:var(--t-sm);transition:background var(--fast), border-color var(--fast);align-items:center;gap:7px;font-weight:500;display:inline-flex}.btn-signin:hover{background:var(--surface-2);border-color:var(--ink-3)}.hide-sm{display:inline}.modal-backdrop{z-index:50;padding:var(--s5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade var(--fast) both;background:#050506b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);width:100%;max-width:500px;max-height:86svh;padding:var(--s6);animation:pop var(--med) both;position:relative;overflow-y:auto;box-shadow:0 40px 100px -30px #000c}.modal-close{top:var(--s4);right:var(--s4);position:absolute}.modal-title{font-size:var(--t-xl);margin-top:var(--s2);font-weight:800}.modal-lead{color:var(--ink-2);font-size:var(--t-base);margin-top:var(--s3);line-height:1.5}.modal-lead em{color:var(--ink);font-style:italic}.method-steps{gap:var(--s4);margin:var(--s5) 0;flex-direction:column;padding:0;list-style:none;display:flex}.method-steps li{gap:var(--s3);font-size:var(--t-sm);color:var(--ink-2);line-height:1.5;display:flex}.method-steps strong{color:var(--ink);font-weight:700}.method-steps em{color:var(--ink);font-style:italic}.step-n{border:1px solid var(--line-2);width:26px;height:26px;font-size:var(--t-xs);color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.modal-foot{padding-top:var(--s4);border-top:1px solid var(--line);color:var(--ink-3);font-size:var(--t-sm)}.theme-grid{gap:var(--s3);margin-top:var(--s5);grid-template-columns:repeat(auto-fill,minmax(92px,1fr));display:grid}.theme-cell{align-items:center;gap:var(--s2);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);transition:border-color var(--fast), background var(--fast);flex-direction:column;display:flex}.theme-cell:hover{border-color:var(--ink-3)}.theme-cell.active{border-color:var(--ink);background:var(--surface-3)}.theme-swatch{aspect-ratio:1;border:1px solid var(--line);border-radius:6px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:100%;display:grid;position:relative;overflow:hidden}.theme-swatch>span{display:block}.theme-check{color:#fff;background:#0a0a0c73;justify-content:center;align-items:center;position:absolute;inset:0;display:flex!important}.theme-name{font-size:var(--t-xs);color:var(--ink-2)}.theme-cell.active .theme-name{color:var(--ink);font-weight:600}.piece-grid{gap:var(--s3);margin-top:var(--s5);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.piece-cell{align-items:center;gap:var(--s2);padding:var(--s2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);transition:border-color var(--fast), background var(--fast);flex-direction:column;display:flex}.piece-cell:hover{border-color:var(--ink-3)}.piece-cell.active{border-color:var(--ink);background:var(--surface-3)}.piece-preview{aspect-ratio:1;border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr 1fr;width:100%;display:grid;position:relative;overflow:hidden}.pp-sq{justify-content:center;align-items:center;display:flex}.pp-sq img{width:100%;height:100%;display:block}.piece-check{color:#fff;background:#0a0a0c73;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.piece-name{font-size:var(--t-xs);color:var(--ink-2);text-transform:capitalize;text-align:center}.piece-cell.active .piece-name{color:var(--ink);font-weight:600}@media (width<=640px){.solved-thumbs{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.mast-inner{padding:var(--s3) var(--s4);gap:var(--s2) var(--s3);flex-wrap:wrap}.wordmark{order:1}.mast-actions{flex-shrink:0;order:2;gap:6px;margin-left:auto}.mast-run-actions{padding-top:var(--s2);border-top:1px solid var(--line);flex:100%;order:3;margin-left:0}.mast-sep,.wm-text{display:none}.screen{padding:var(--s5) var(--s4) calc(var(--s8) + env(safe-area-inset-bottom));gap:var(--s4)}.hide-sm{display:none}.show-sm-inline{display:inline}.wm-tag{display:none}.readout{grid-template-columns:repeat(2,1fr)}.readout-cell:nth-child(2){border-right:none}.readout-cell:first-child,.readout-cell:nth-child(2){border-bottom:1px solid var(--line)}.home-hero{align-items:flex-start;gap:var(--s3);flex-direction:column}.home{gap:var(--s5)}.session-card{gap:var(--s4);flex-wrap:wrap}.session-actions{width:100%}.session-actions .btn-resume{flex:1;justify-content:center}.mastery-row{grid-template-columns:92px 1fr 76px}}