.banner{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);font-size:var(--fs-small);align-items:center;gap:12px;padding:12px 14px;display:flex}.banner__dot{background:var(--text-dim);border-radius:50%;flex:none;width:8px;height:8px}.banner__text{flex:1;min-width:0}.banner__actions{flex:none;gap:8px;display:flex}.banner--good{border-color:var(--good)}.banner--good .banner__dot{background:var(--good)}.banner--warn{border-color:var(--warn)}.banner--warn .banner__dot{background:var(--warn)}.banner--bad{border-color:var(--bad)}.banner--bad .banner__dot{background:var(--bad)}@media (max-width:600px){.banner{flex-wrap:wrap;align-items:flex-start}.banner__dot{margin-top:7px}.banner__actions{justify-content:flex-end;width:100%}}.btn{height:var(--tap);min-width:var(--tap);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);font-family:var(--font-body);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:16px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--text)}.btn:active{background:var(--bg-wall)}.btn--primary,.btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover,.btn.is-active:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}.btn--primary:active,.btn.is-active:active{background:var(--accent-pressed);border-color:var(--accent-pressed)}.btn--danger{color:var(--bad)}.btn--danger:hover{border-color:var(--bad);color:var(--bad)}.btn--large{height:48px;padding:0 20px}.btn--small{height:36px;padding:0 12px;font-size:14px}.btn--block{width:100%}.btn:disabled,.btn[aria-disabled=true]{background:var(--bg);border-color:var(--border);color:var(--text-placeholder);cursor:not-allowed}.btn__kbd{font-family:var(--font-body);opacity:.7;border:1px solid;border-radius:4px;padding:0 5px;font-size:12px;font-weight:500;line-height:16px}.btn--primary .btn__kbd{border-color:#fcfaf666}@media (pointer:coarse){.btn--small{height:var(--tap);min-width:var(--tap)}}.app{flex-direction:column;min-height:100dvh;display:flex}.app__main{flex:1;min-width:0}.app__banners{padding:12px var(--gutter) 0;flex-direction:column;gap:10px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;text-decoration:none;display:flex}.brand__word{font-family:var(--font-display);white-space:nowrap;font-size:18px;font-weight:800}.topnav{z-index:20;height:var(--nav-h);padding:0 var(--gutter);background:var(--bg-elev);border-bottom:var(--hairline);align-items:center;gap:24px;display:flex;position:sticky;top:0}.topnav__links{align-items:center;gap:4px;display:flex}.topnav__link{height:var(--tap);border-radius:var(--radius);color:var(--text-dim);align-items:center;gap:7px;padding:0 12px;font-weight:500;text-decoration:none;display:flex}.topnav__link svg{opacity:.75}.topnav__link:hover{color:var(--text)}.topnav__link.is-active{color:var(--text);box-shadow:inset 0 -2px 0 var(--text);border-radius:0;font-weight:600}.topnav__link.is-active svg{opacity:1}.phonebar,.tabbar{display:none}@media (max-width:900px){.topnav{display:none}.phonebar{z-index:20;height:var(--topbar-h);background:var(--bg-elev);border-bottom:var(--hairline);justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex;position:sticky;top:0}.phonebar__slot{display:contents}.phonebar__slot:not(:empty)~.brand{display:none}.phonebar__spacer{flex:1}.phonebar__title{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;font-weight:800;line-height:1.2;overflow:hidden}.phonebar__aside{flex:none;align-items:center;gap:8px;display:flex}.app__main{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.tabbar{z-index:20;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-elev);border-top:var(--hairline);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__link{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;text-decoration:none;display:flex}.tabbar__link svg{opacity:.7}.tabbar__link.is-active{color:var(--text);font-weight:600}.tabbar__link.is-active svg{opacity:1}.app__banners{padding:10px 16px 0}}.wall{background:var(--bg-wall);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:100%;position:relative;overflow:hidden}.wall--bare{border:none;border-radius:0}.wall__svg{width:100%;height:100%;font-family:var(--font-body);-webkit-user-select:none;user-select:none;display:block}.wall__hold{transition:opacity var(--dur-fast) var(--ease-out);outline:none}.wall__hold--dim{opacity:.3}.wall__hold-focus{opacity:0}.wall__hold:focus-visible .wall__hold-focus{opacity:1}.wall__hips-halo{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.wall__hips:hover .wall__hips-halo,.wall__hips.is-dragging .wall__hips-halo{opacity:.14}.wall__hips-focus{opacity:0}.wall__hips:focus-visible .wall__hips-focus{opacity:1}.wall__com{opacity:0;transition:opacity var(--dur) var(--ease-out)}.wall__com.is-visible{opacity:1}.wall__limb--draggable{cursor:grab}.wall__cloud{transition:opacity var(--dur-slow) var(--ease-out)}.wall__badge{background:var(--bg-elev);border:1px solid var(--border);height:28px;color:var(--text);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 8px;font-size:13px;font-weight:600;line-height:1;display:flex;position:absolute;bottom:10px;right:10px}@media (prefers-reduced-motion:reduce){.wall__com,.wall__cloud,.wall__hips-halo,.wall__hold{transition:none}}.empty{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:20px;padding:24px;display:flex}.empty__scene{border-radius:var(--radius);flex:none;width:200px;height:150px;overflow:hidden}.empty__scene .wall{border:none;border-radius:0}.empty__text{flex-direction:column;gap:8px;min-width:0;display:flex}.empty__title{font-size:var(--fs-section);line-height:var(--lh-section)}.empty--compact{border-style:dashed;border-color:var(--border-strong);gap:16px;padding:14px}.empty--compact .empty__scene{width:120px;height:86px}.empty--compact .empty__title{font-family:var(--font-body);font-weight:600;font-size:var(--fs-body)}@media (max-width:600px){.empty{flex-direction:column;align-items:flex-start;padding:16px}.empty__scene{width:100%;height:150px}.empty--compact .empty__scene{width:100%}}.landing{padding:72px var(--gutter) 56px;grid-template-columns:1fr 560px;align-items:center;gap:56px;max-width:1280px;margin:0 auto;display:grid}.landing__copy{flex-direction:column;grid-area:1/1;gap:24px;max-width:560px;display:flex}.landing__wall{grid-area:1/2}.landing__title{font-size:var(--fs-hero);letter-spacing:-.01em}.landing__lede{max-width:30em;font-size:20px;line-height:1.45}.landing__actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.landing__secondary{flex-wrap:wrap;gap:10px;display:flex}.landing__note{margin-top:24px}.landing__wall{height:620px}.landing__wall .wall{height:100%!important}@media (max-width:1100px){.landing{grid-template-columns:1fr 460px;gap:32px}.landing__wall{height:520px}}@media (max-width:900px){.landing{flex-direction:column;gap:0;padding:0;display:flex}.landing__wall{width:100%;height:400px}.landing__wall .wall{border:none;border-radius:0}.landing__copy{gap:16px;max-width:none;padding:24px 20px}.landing__lede{font-size:var(--fs-body)}.landing__actions{flex-direction:column;gap:8px;margin-top:8px}.landing__actions>.btn{width:100%}.landing__secondary{gap:8px;display:flex}.landing__secondary>.btn{flex:1;padding:0 8px;font-size:15px}.landing__note{text-align:center;margin-top:4px}}.segmented{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elev);width:-moz-fit-content;width:fit-content;max-width:100%;display:inline-flex;overflow:hidden}.segmented--block{width:100%;display:flex}.segmented__item{min-height:var(--tap);text-align:center;border:none;border-left:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);line-height:1.2;font-size:var(--fs-control);cursor:pointer;flex:auto;justify-content:center;align-items:center;gap:8px;padding:6px 14px;font-weight:600;display:inline-flex}.segmented__item:first-child{border-left:none}.segmented__item:hover{background:var(--bg)}.segmented__item.is-active{background:var(--accent);color:var(--accent-ink)}.segmented__item:disabled{color:var(--text-placeholder);cursor:not-allowed;background:var(--bg)}.segmented__item:focus-visible{outline-offset:-3px}.segmented--small .segmented__item{height:36px;padding:0 12px;font-size:14px}.segmented--sheet .segmented__item{height:40px;padding:0 8px;font-size:13.5px}@media (pointer:coarse){.segmented--small .segmented__item{height:var(--tap)}}.numcard{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;padding:16px 18px}.numcard__label{font-size:var(--fs-small);color:var(--text-dim)}.numcard__row{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.numcard__value{font-family:var(--font-display);font-weight:800;font-size:var(--fs-score-sm);line-height:1.1}.numcard__value--good{color:var(--good)}.numcard__value--warn{color:var(--warn-ink)}.numcard__value--bad{color:var(--bad)}.numcard__was{font-size:var(--fs-small);color:var(--text-dim)}.numcard--small{padding:12px 14px}.numcard--small .numcard__value{font-size:28px}.numcard--small .numcard__label,.numcard--small .numcard__was{font-size:var(--fs-caption)}@media (max-width:600px){.numcard{padding:10px 14px}.numcard__value{font-size:30px}.numcard--small .numcard__value{font-size:26px}}.onboarding{max-width:1200px;padding:0 var(--gutter) 40px;margin:0 auto}.onboarding__head{align-items:center;gap:14px;min-height:56px;display:flex}.onboarding__bars{gap:6px;display:flex}.onboarding__bars span{background:var(--border-strong);border-radius:2px;width:22px;height:4px}.onboarding__bars span.is-done{background:var(--accent)}.onboarding__body{grid-template-columns:minmax(0,1fr) 520px;align-items:start;gap:48px;padding-top:32px;display:grid}.onboarding__copy{flex-direction:column;gap:20px;display:flex}.onboarding__actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.onboarding__demo{display:contents}.onboarding__numbers{grid-template-columns:1fr 1fr;gap:16px;max-width:440px;display:grid}.onboarding__wall{grid-area:1/2;height:660px}.onboarding__wall .wall{height:100%!important}.onboarding__body{position:relative}.onboarding__wall--inline,.onboarding__wall--demo{width:520px;position:absolute;top:32px;right:0}@media (max-width:1100px){.onboarding__body{grid-template-columns:minmax(0,1fr) 420px;gap:32px}.onboarding__wall--inline,.onboarding__wall--demo{width:420px;height:560px}}@media (max-width:900px){.onboarding{padding:0 20px 24px}.onboarding__head{display:none}.onboarding__body{flex-direction:column;padding-top:20px;display:flex}.onboarding__copy{gap:12px}.onboarding__wall--inline,.onboarding__wall--demo{width:100%;height:340px;margin-top:4px;position:static}.onboarding__numbers{gap:10px;max-width:none}.onboarding__actions{margin-top:4px}.onboarding__actions .btn--primary{flex:1}.phonebar .onboarding__bars span{width:20px}}.sheet{left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:15;max-height:var(--sheet-max);background:var(--bg);border-top:1px solid var(--border-strong);border-radius:14px 14px 0 0;flex-direction:column;padding:0 16px 14px;display:flex;position:fixed}.sheet__handle{cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;height:24px;margin:0 -16px;padding:0;display:flex}.sheet__handle span{background:var(--border-strong);border-radius:2px;width:36px;height:4px}.sheet__title{flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:28px;margin-bottom:8px;display:flex}.sheet__title-text{font-family:var(--font-display);font-size:16px;font-weight:800}.sheet__body{overscroll-behavior:contain;flex-direction:column;gap:10px;min-height:0;display:flex;overflow-y:auto}.sheet__body>*{flex:none}.sheet.is-collapsed{padding-bottom:10px}.wallpage{grid-template-columns:minmax(0, 1fr) var(--side-w);padding:24px var(--gutter) 40px;align-items:start;gap:24px;width:100%;max-width:1280px;margin:0 auto;display:grid}.wallpage__main{flex-direction:column;gap:16px;min-width:0;display:flex}.wallpage__head{flex-wrap:wrap;align-items:center;gap:12px;min-height:36px;display:flex}.wallpage__title{font-family:var(--font-display);font-weight:800;font-size:var(--fs-section);line-height:var(--lh-section);margin-right:4px}.wallpage__subtitle{color:var(--text-dim);font-size:var(--fs-small)}.wallpage__side{top:calc(var(--nav-h) + 16px);flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky}.wallpage__hint{font-size:var(--fs-small);color:var(--text-dim)}.wallpage__toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:1100px){.wallpage{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:900px){.wallpage--phone{max-width:none;padding:0;display:block}.wallpage__wall{height:var(--wall-h)}.wallpage__wall>.wall{height:100%!important}}.switch{border:1px solid var(--border-strong);background:var(--bg-elev);cursor:pointer;border-radius:11px;flex:none;width:36px;height:22px;padding:0;position:relative}.switch__knob{background:var(--border-strong);width:16px;height:16px;transition:left var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.switch.is-on{border-color:var(--accent)}.switch.is-on .switch__knob{background:var(--accent);left:16px}.key{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev)}.key__summary{min-height:var(--tap);cursor:pointer;font-weight:600;font-size:var(--fs-small);color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;list-style:none;display:flex}.key__summary::-webkit-details-marker{display:none}.key__chevron{color:var(--text-dim);transition:transform var(--dur-fast) var(--ease-out)}.key[open] .key__chevron{transform:rotate(180deg)}.key__body{flex-direction:column;gap:14px;padding:0 14px 14px;display:flex}.key__columns{grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}.key__head{margin-bottom:4px}.key__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.key__row{border-top:var(--hairline);min-height:40px;font-size:var(--fs-small);align-items:center;gap:10px;padding:4px 0;display:flex}.key__row:first-child{border-top:none}.key__name{font-weight:600;display:block}.key__desc{font-size:var(--fs-caption);color:var(--text-dim);line-height:var(--lh-caption);display:block}.key__settings{border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--fs-small);padding:4px 14px}.key__setting{border-top:var(--hairline);justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.key__setting:first-child{border-top:none}@media (max-width:700px){.key__columns{grid-template-columns:1fr}}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex}.card--tight{gap:10px;padding:14px 16px}.card--none{gap:0;padding:0}.card--good{border-color:var(--good)}.card--due{border-color:var(--due)}.card--warn{border-color:var(--warn)}.card--bad{border-color:var(--bad)}.card--strong{border-color:var(--accent)}.card__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.card__title{font-family:var(--font-display);font-weight:800;font-size:var(--fs-panel);line-height:var(--lh-panel)}.card__aside{flex:none;align-items:center;gap:8px;display:flex}@media (max-width:600px){.card{gap:12px;padding:16px}}.pill{border:1px solid var(--border-strong);background:var(--bg-elev);height:26px;color:var(--text);font-size:var(--fs-caption);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 10px;font-weight:600;line-height:1;display:inline-flex}.pill--small{height:24px;padding:0 9px;font-size:12.5px}.pill--good{border-color:var(--good);color:var(--good)}.pill--bad{border-color:var(--bad);color:var(--bad)}.pill--warn{border-color:var(--warn);color:var(--warn-ink)}.pill--due{border-color:var(--due);color:var(--due)}.pill--locked{color:var(--text-dim)}.meter{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.meter>span{background:var(--accent);height:100%;transition:width var(--dur) var(--ease-out);border-radius:3px;display:block}.meter--good>span{background:var(--good)}.meter--warn>span{background:var(--warn)}.meter--bad>span{background:var(--bad)}.meter--due>span{background:var(--due)}.result__columns{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.result__main{flex-direction:column;gap:10px;min-width:0;display:flex}.result__lead{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.result__number{font-family:var(--font-display);font-weight:800;font-size:var(--fs-score-sm);line-height:1}.result__summary{text-wrap:pretty}.result__loads{font-size:var(--fs-small);grid-template-columns:20px 84px 1fr 60px;align-content:start;align-items:center;gap:8px 10px;display:grid}.result__load{display:contents}.result__bw{text-align:right;color:var(--text-dim);white-space:nowrap}.result__list{font-size:var(--fs-small);flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.result__list--bad{color:var(--bad)}.result__list--warn{color:var(--warn-ink)}@media (max-width:900px){.result__columns{grid-template-columns:1fr;gap:12px}.result__loads{grid-template-columns:18px 76px 1fr 56px;font-size:13px}}.slider{flex-direction:column;gap:2px;display:flex}.slider__head{font-size:var(--fs-small);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.slider__value{text-align:right;font-weight:600}.slider__input{appearance:none;cursor:pointer;--track:linear-gradient(to right, var(--accent) 0 var(--fill), var(--border) var(--fill) 100%);background:0 0;width:100%;height:36px;margin:0}.slider__input:focus-visible{outline:none}.slider__input::-webkit-slider-runnable-track{background:var(--track);border-radius:2px;height:4px}.slider__input::-moz-range-track{background:var(--border);border-radius:2px;height:4px}.slider__input::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.slider__input::-webkit-slider-thumb{appearance:none;background:var(--bg-elev);border:2px solid var(--accent);width:22px;height:22px;transition:box-shadow var(--dur-fast) var(--ease-out);border-radius:50%;margin-top:-9px;box-shadow:0 0 #0000}.slider__input::-moz-range-thumb{background:var(--bg-elev);border:2px solid var(--accent);border-radius:50%;width:18px;height:18px}.slider__input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--focus)}.slider__input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--focus)}.slider__input:disabled{cursor:not-allowed;--track:linear-gradient(to right, var(--border-strong) 0 var(--fill), var(--border) var(--fill) 100%)}.slider__input:disabled::-webkit-slider-thumb{border-color:var(--border-strong)}.slider.is-disabled .slider__value{color:var(--text-dim)}@media (pointer:coarse){.slider__input{height:var(--tap)}}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-size:var(--fs-small)}.field--inline{flex-direction:row;align-items:center;gap:10px}.field--inline .field__label{white-space:nowrap}.field--inline .control{flex:1;min-width:0}.control{height:var(--tap);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);font-family:var(--font-body);min-width:0;padding:0 12px;font-size:16px}.control::placeholder{color:var(--text-placeholder)}.control:disabled{background:var(--bg);color:var(--text-placeholder)}select.control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%236f665a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.control--small{width:auto;max-width:200px;height:36px;font-size:14px;font-weight:600}input[type=number].control{font-variant-numeric:tabular-nums}textarea.control{resize:vertical;height:auto;padding:10px 12px}.sandbox__save{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sandbox__save .control{flex:16ch}.sandbox__status--good{color:var(--good)}.sandbox__status--bad{color:var(--bad)}.sandbox__position{gap:18px}.sandbox__body{border-top:var(--hairline);font-size:var(--fs-small);padding-top:12px}.sandbox__body>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:36px;list-style:none;display:flex}.sandbox__body>summary::-webkit-details-marker{display:none}.sandbox__body>summary:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%236f665a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") 50% no-repeat;width:16px;height:16px}.sandbox__body[open]>summary:after{transform:rotate(180deg)}.sandbox__body-fields{grid-template-columns:1fr 1fr;gap:12px;margin:8px 0;display:grid}.sandbox__selected{border-bottom:var(--hairline);flex-direction:column;gap:10px;padding-bottom:12px;display:flex}.sandbox__limbs{flex-direction:column;display:flex}.sandbox__limb{min-height:44px;font-size:var(--fs-small);border-top:var(--hairline);grid-template-columns:20px 1fr auto;align-items:center;gap:12px;display:grid}.sandbox__limb:first-child{border-top:none}.sandbox__limb-actions{flex-wrap:nowrap;justify-content:flex-end}.sandbox__compare{border-top:var(--hairline);flex-direction:column;gap:8px;padding-top:12px;display:flex}.sandbox__table{border-collapse:collapse;width:100%;font-size:var(--fs-small)}.sandbox__table th,.sandbox__table td{text-align:right;padding:3px 0;font-weight:400}.sandbox__table th[scope=row]{text-align:left}.sandbox__table thead th{color:var(--text-dim);font-size:13px}.sandbox__why{flex-direction:column;gap:2px;margin:4px 0 0;padding-left:18px;display:flex}.sandbox__why--bad{color:var(--bad)}.sandbox__saved{margin:0;padding:0;list-style:none}.sandbox__saved-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.sandbox__saved-name{overflow-wrap:anywhere;font-weight:600;font-size:var(--fs-small);flex:12ch}.sandbox__share{color:var(--text-dim);font-size:13px}.page{padding:32px var(--gutter) 48px;flex-direction:column;gap:24px;width:100%;max-width:1280px;margin:0 auto;display:flex}.page--narrow{max-width:900px}.page--wide{max-width:none}.page__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page__heading{flex-direction:column;gap:8px;max-width:60ch;display:flex}.page__lede{color:var(--text-dim)}@media (max-width:900px){.page{gap:16px;padding:16px 16px 32px}.page--phone-titled .page__heading h1{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.term{display:inline;position:relative}.term__word{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--text-dim);text-decoration-color:var(--text-dim);text-underline-offset:3px;cursor:help}.term__help{border:1px solid var(--border-strong);background:var(--bg-elev);min-width:20px;height:20px;color:var(--text-dim);cursor:pointer;vertical-align:1px;border-radius:999px;justify-content:center;align-items:center;margin:0 2px 0 3px;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.term__help:hover,.term__help[aria-expanded=true]{color:var(--text);border-color:var(--text)}@media (pointer:coarse){.term__help{min-width:28px;height:28px}}.term__note{z-index:40;border:1px solid var(--border-strong);background:var(--bg-elev);width:max-content;max-width:min(280px,70vw);font-size:var(--fs-small);color:var(--text);white-space:normal;text-align:left;border-radius:8px;padding:8px 10px;font-style:normal;font-weight:400;display:block;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #2a262229}.picker__chips{grid-template-columns:1fr 1fr;gap:8px;display:grid}.picker__off{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.picker__off .caption{flex:12ch}.chip{height:var(--tap);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);font-size:var(--fs-control);white-space:nowrap;cursor:pointer;align-items:center;gap:10px;padding:0 12px;font-weight:600;display:flex}.chip:hover{border-color:var(--accent)}.chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip:disabled{background:var(--bg);border-color:var(--border);color:var(--text-placeholder);cursor:not-allowed}.chip__key{opacity:.7;margin-left:auto;font-size:12px;font-weight:500}.chip.is-active .chip__key{opacity:.7}.rc:focus{outline:none}.rc:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.rc__score{align-items:baseline;gap:12px;display:flex}.rc__points{font-family:var(--font-display);font-weight:800;font-size:var(--fs-score);line-height:1}.rc__text{font-size:var(--fs-control);white-space:pre-line;flex-direction:column;gap:8px;display:flex}.rc__actions .btn{font-size:15px}.options{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.options__list{font-size:var(--fs-small);margin:0;padding-left:22px}.options__list li{padding:1px 0}.options__list li.is-yours{font-weight:600}.options__item{width:100%;font-weight:500;text-decoration:none;display:block}.options__list li.is-yours .options__item{font-weight:600}.options__item:hover,.options__item:focus-visible{text-decoration:underline}.playback{flex-direction:column;gap:16px;display:flex}.transport{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:10px 14px;display:flex}.transport__btn{width:var(--tap);height:var(--tap);min-width:var(--tap);padding:0}.transport__scrub{height:var(--tap);flex:1;margin:0 8px}.transport__label{font-size:var(--fs-small);white-space:nowrap;font-weight:600}.seq{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.seq__row{border-top:var(--hairline);min-height:44px;font-size:var(--fs-small);border-radius:6px;grid-template-columns:20px 20px 1fr auto;align-items:center;gap:10px;margin:0 -8px;padding:0 8px;display:grid}.seq__row.is-current{background:var(--bg)}.seq__n{color:var(--text-dim)}.seq__state{white-space:nowrap;font-size:13px;font-weight:600}.seq__state--good{color:var(--good)}.seq__state--bad{color:var(--bad)}.seq__state--warn{color:var(--warn-ink)}.seq__note{color:var(--text-dim);font-size:var(--fs-caption);grid-column:3/-1;margin-top:-8px;padding-bottom:6px}.breakdown{font-size:var(--fs-small)}.breakdown>summary{cursor:pointer;align-items:center;min-height:36px;font-weight:600;display:flex}.breakdown__list{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.breakdown__list li{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;display:grid}.breakdown__list li.is-total{border-top:var(--hairline);padding-top:4px;font-weight:600}.breakdown__num{font-variant-numeric:tabular-nums}.moves{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.moves__row{border-top:var(--hairline);font-size:var(--fs-small);grid-template-columns:20px 1fr;align-items:start;gap:10px;padding:8px 0;display:grid}.moves__row--miss{color:var(--bad)}.moves__row--warn{color:var(--warn-ink)}.summary__rounds{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.summary__round{border-top:var(--hairline);min-height:44px;font-size:var(--fs-small);grid-template-columns:auto auto 1fr;align-items:baseline;gap:10px;padding:6px 0;display:grid}.summary__lines{color:var(--text-dim)}.summary__lead{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.summary__avg{font-family:var(--font-display);font-weight:800;font-size:var(--fs-score);line-height:1}.hub__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.hub__card{align-items:flex-start;gap:20px;display:flex}.hub__thumb{border-radius:var(--radius);flex:none;width:160px;height:120px;overflow:hidden}.hub__thumb .wall{border:none;border-radius:0}.hub__body{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.hub__title{font-family:var(--font-display);font-weight:800;font-size:var(--fs-section);line-height:var(--lh-section)}.hub__settings{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:16px 24px;padding:14px 20px;display:flex}.hub__setting{font-size:var(--fs-small);align-items:center;gap:10px;display:flex}.hub__list{margin:0;padding:0;list-style:none}.hub__list li{border-top:var(--hairline);min-height:44px;font-size:var(--fs-small);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.hub__list li:first-child{border-top:none}.nowline{font-size:var(--fs-small);color:var(--text-dim)}.nowline strong{color:var(--text)}.round-note{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);font-size:var(--fs-small);padding:12px 14px}@media (max-width:900px){.hub__grid{grid-template-columns:1fr;gap:12px}.hub__card{gap:14px}.hub__thumb{width:110px;height:84px}.transport{border-left:none;border-right:none;border-radius:0;gap:8px;margin:0;padding:8px 16px}.transport__scrub{margin:0 4px}.transport__label{font-size:13px}.rc__actions .btn{flex:1}.seq__row{grid-template-columns:16px 18px 1fr auto;gap:8px;min-height:40px;font-size:13.5px}}.upnext{min-width:280px}.upnext__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.upnext__title{font-weight:600}.tier{flex-direction:column;gap:14px;display:flex}.tier__head{align-items:baseline;gap:12px;display:flex}.tier__head--summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;list-style:none}.tier__head--summary::-webkit-details-marker{display:none}.tree{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tree__card{color:inherit;border-radius:var(--radius-lg);text-decoration:none;display:block}.tree__card:hover .tree__inner{border-color:var(--border-strong)}.tree__card--passed:hover .tree__inner{border-color:var(--good)}.tree__card--due:hover .tree__inner{border-color:var(--due)}.tree__card--locked{opacity:.62}.tree__inner{height:100%;min-height:132px;padding:14px}.tree__row{align-items:flex-start;gap:12px;display:flex}.tree__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tree__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tree__title{font-weight:600;line-height:1.3}.tree__summary{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-dim);text-wrap:pretty}.tree__needs{color:var(--text-dim);font-size:13px}.lesson{padding-top:32px}.lesson__grid{grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:48px;display:grid}.lesson__main{flex-direction:column;gap:20px;max-width:65ch;display:flex}.lesson__head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.lesson__summary{font-size:18px;line-height:1.45}.lesson__points{flex-direction:column;gap:4px;display:flex}.lesson__actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.lesson__nav{flex-direction:column;gap:4px;display:flex}.lesson__sources summary{cursor:pointer}.lesson__side{top:calc(var(--nav-h) + 24px);position:sticky}.demo{flex-direction:column;gap:12px;display:flex}.demo__wall{height:560px}.demo__wall .wall{height:100%!important}.demo__numbers{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:1100px){.tree{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson__grid{grid-template-columns:minmax(0,1fr) 360px;gap:32px}.demo__wall{height:460px}}@media (max-width:900px){.tree{grid-template-columns:1fr}.lesson{padding-top:20px}.lesson__grid{display:block}.lesson__main{gap:12px;max-width:none}.lesson__head h1{font-size:32px}.lesson__head .pill{margin-left:auto}.lesson__summary{font-size:16px}.lesson__demo--inline{margin:4px 0}.demo__wall{height:340px}.demo__numbers{gap:10px}.lesson__actions--pinned{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:5;background:linear-gradient(to bottom, #f4efe600, var(--bg) 40%);margin:8px -16px -8px;padding:12px 16px 16px;position:sticky}.lesson__actions--pinned .btn{white-space:normal;width:100%;height:auto;min-height:48px;padding:10px 16px}}.progress__grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.progress__streak{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.progress__big{font-family:var(--font-display);font-weight:800;font-size:var(--fs-score);line-height:1}.progress__days{gap:6px;display:flex}.progress__day{background:var(--bg);border:1px solid var(--border);height:36px;color:var(--text-dim);border-radius:6px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:4px;font-size:11px;display:flex}.progress__day.is-played{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.progress__day.is-today{border-color:var(--accent);background:var(--bg-elev)}.progress__day.is-today.is-played{background:var(--accent)}.progress__review{align-items:center;gap:12px;min-height:52px;padding:6px 0;display:flex}.progress__review--later{color:var(--text-dim)}.progress__review--later svg{opacity:.6}.progress__review-title{font-weight:600}.progress__review-title a{text-decoration:none}.progress__review-title a:hover{text-decoration:underline}.progress__tier{flex-direction:column;gap:6px;display:flex}.progress__tier-head{align-items:baseline;gap:12px;display:flex}.progress__mastery{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;display:grid}.progress__row{border-top:var(--hairline);min-height:44px;font-size:var(--fs-small);grid-template-columns:24px 1fr 140px 68px;align-items:center;gap:12px;display:grid}.progress__row.is-locked{opacity:.6}.progress__row-title{text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.progress__row-title:hover{text-decoration:underline}.progress__row-label{text-align:right;white-space:nowrap}.progress__list{flex-direction:column;gap:4px;padding-left:18px;display:flex}.progress__paste summary{cursor:pointer;align-items:center;min-height:36px;display:flex}.progress__paste textarea{width:100%;margin-top:8px;font-size:13px}.progress__body{border-top:var(--hairline);grid-template-columns:1fr 1fr;align-items:end;gap:12px;padding-top:14px;display:grid}.progress__body .caption{grid-column:1/-1}@media (max-width:900px){.progress__grid{grid-template-columns:1fr;gap:12px}.progress__days{gap:4px}.progress__day{height:28px;font-size:10px}.progress__mastery{grid-template-columns:1fr;gap:0}.progress__row{grid-template-columns:22px 1fr 90px 44px;gap:10px;min-height:40px;font-size:13.5px}.progress__backup .row{gap:8px}}.label__empty{height:var(--wall-h);background:var(--bg-wall);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;padding:24px;display:flex}.label__empty .empty{max-width:560px}.label__types{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.label__type{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elev);height:40px;color:var(--text);font-size:var(--fs-caption);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:0 10px;font-weight:600;overflow:hidden}.label__type:hover{border-color:var(--accent)}.label__type.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.label__types--scroll{scrollbar-width:none;margin:0 -16px;padding:0 16px 4px;display:flex;overflow-x:auto}.label__types--scroll .label__type{flex:none;height:40px;padding:0 12px}.label__save{flex-direction:column;gap:8px;display:flex}.label__saved-row{min-height:44px;font-size:var(--fs-small);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}@media (max-width:900px){.label__empty{border:none;border-radius:0;height:100%}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe6;--bg-elev:#fcfaf6;--bg-wall:#ece5d9;--border:#e6dfd3;--border-strong:#d9d1c3;--text:#2a2622;--text-dim:#6f665a;--text-placeholder:#9a9083;--accent:#2a2622;--accent-ink:#fcfaf6;--accent-hover:#3d3833;--accent-pressed:#1a1714;--good:#1f8a4c;--warn:#b8860b;--warn-ink:#8a6408;--bad:#c2331f;--due:#2f6fcf;--focus:#3b7bd4;--chalk:#fff;--limb:#2a2622;--limb-far:#8d8478;--wood:#d9b98a;--wood-light:#efdcbc;--wood-dark:#b08c57;--wood-line:#8a6a3a;--radius:8px;--radius-lg:10px;--hairline:1px solid var(--border);--font-display:"Gabarito", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--fs-hero:56px;--fs-headline:40px;--lh-headline:1.02;--fs-section:22px;--lh-section:1.15;--fs-panel:16px;--lh-panel:1.3;--fs-score:56px;--fs-score-sm:40px;--fs-body:16px;--lh-body:1.5;--fs-control:15px;--fs-small:14px;--fs-caption:13.6px;--lh-caption:1.4;--nav-h:56px;--topbar-h:52px;--tabbar-h:56px;--side-w:400px;--gutter:40px;--sheet-max:46dvh;--tap:44px;--ease-out:cubic-bezier(.2, .7, .2, 1);--dur-fast:.15s;--dur:.2s;--dur-slow:.3s}@media (max-width:600px){:root{--fs-hero:34px;--fs-headline:28px;--fs-section:19px;--fs-score:48px;--fs-score-sm:34px;--fs-body:15px;--fs-control:14px;--fs-caption:13px;--gutter:16px}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:pretty;margin:0;font-weight:800}h1{font-size:var(--fs-headline);line-height:var(--lh-headline)}h2{font-size:var(--fs-section);line-height:var(--lh-section)}h3,h4{font-size:var(--fs-panel);line-height:var(--lh-panel)}p{text-wrap:pretty;margin:0}a{color:var(--text)}a:hover{color:var(--text-dim)}strong,b{font-weight:600}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}ul,ol{margin:0;padding-left:20px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}img,svg{display:block}.tabular,.num{font-variant-numeric:tabular-nums}.measure{max-width:65ch}.dim{color:var(--text-dim)}.caption{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-dim)}.small{font-size:var(--fs-small)}.display{font-family:var(--font-display);font-weight:800}.stack{flex-direction:column;gap:12px;display:flex}.stack--tight{gap:6px}.stack--loose{gap:20px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row--between{justify-content:space-between}.grow{flex:1}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:30;min-height:var(--tap);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);align-items:center;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;top:-100px;left:12px}.skip-link:focus,.skip-link:focus-visible{top:8px}main:focus,main:focus-visible{outline:none}.rows{flex-direction:column;display:flex}.rows>*{border-top:var(--hairline)}.rows>:first-child{border-top:none}.linkish{color:var(--text);text-align:left;font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;min-height:32px;padding:4px 0;font-weight:600}.linkish:hover{color:var(--text-dim)}@media (pointer:coarse){.linkish{min-height:var(--tap)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}