:root{--nav-w:104px;--demo-h:76px}body{overflow:hidden}.app{inset:0 0 var(--demo-h) 0;grid-template-columns:var(--nav-w) 1fr;display:grid;position:fixed}.nav{border-right:1px solid var(--line);background:linear-gradient(#0d1222,#0b0f1c);flex-direction:column;align-items:stretch;gap:4px;padding:14px 10px;display:flex;overflow-y:auto}.brand{letter-spacing:.04em;flex-direction:column;align-items:center;gap:4px;padding:4px 0 12px;font-size:15px;font-weight:700;display:flex}.nav-item{min-height:64px;color:var(--muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.nav-item:hover{background:var(--panel);color:var(--text-2)}.nav-item.active{background:var(--ember-soft);color:var(--ember-2);box-shadow:inset 0 0 0 1px #ff8a3d59}.nav-badge{background:var(--st-drifting);color:#08111f;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:800;display:grid;position:absolute;top:6px;right:14px}.nav-badge-note{background:var(--ember);color:#1d0d02}.nav-dot{background:var(--ember);width:10px;height:10px;box-shadow:0 0 10px var(--ember);border-radius:50%;position:absolute;top:10px;right:22px}.nav-foot{color:var(--muted);text-align:center;margin-top:auto;padding:8px 2px 0;font-size:11px}.main{scroll-behavior:smooth;padding:18px 26px 28px;overflow:hidden auto}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.topbar h1{font-size:24px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--panel);border:1px solid var(--line);min-height:40px;color:var(--text-2);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;text-decoration:none;display:inline-flex}.pill-link.todo{color:var(--ember-2);border-color:#ff8a3d73}.pill-link.ok{color:var(--st-steady)}.pill-link.down{color:var(--muted)}.home{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-areas:"ring body""today body""foot foot";align-items:start;gap:18px;display:grid}.ring-card{grid-area:ring;grid-template-columns:220px 1fr;align-items:center;gap:6px 18px;display:grid}.ring-card.preflight-home{grid-template-columns:1fr}.ring-stage{grid-column:1/-1}.stage .reasons{columns:2;column-gap:22px}.stage .reasons li{break-inside:avoid}.today-card{grid-area:today}.body-card{grid-area:body}.home-foot{grid-area:foot}.home-foot .disclaimer{margin:0}.ring-wrap{position:relative}.ring{width:100%;height:auto;display:block}.ring-track{fill:none;stroke:#1f2740;stroke-width:20px}.ring-arc{fill:none;stroke-width:20px;stroke-linecap:round;transition:stroke-dasharray .7s}.ring-building{fill:none;stroke:var(--st-nodata);stroke-width:6px}.ring-tick{stroke:#2d3755;stroke-width:1.5px}.ring-num{font-family:var(--font-num);letter-spacing:-.04em;font-size:76px;font-weight:700}.ring-num.small{fill:var(--text-2);font-size:30px}.ring-sub{fill:var(--muted);font-size:15px;font-weight:600}@media (prefers-reduced-motion:reduce){.ring-arc{transition:none}}.ring-side h2{font-size:22px}.mini-ladder{grid-template-columns:repeat(2,1fr);gap:4px;margin:12px 0;padding:0;list-style:none;display:grid}.mini-ladder li{color:var(--muted);text-align:center;border:1px solid var(--line);background:#161d30;border-radius:8px;place-items:center;min-height:34px;padding:4px;font-size:12px;font-weight:700;line-height:1.15;display:grid}.mini-ladder li.on.l0{color:var(--ember-2);border-color:var(--ember);background:#ff8a3d2e}.mini-ladder li.on.l1{color:var(--st-steady);border-color:var(--st-steady);background:#f5b14f29}.mini-ladder li.on.l2{color:var(--st-drifting);border-color:var(--st-drifting);background:#6cb6ff29}.mini-ladder li.on.l3{color:var(--st-alert);border-color:var(--st-alert);background:#ff5d6c29}.stage{border-radius:var(--radius-sm);background:var(--panel-2);border-left:4px solid var(--ember);padding:12px 14px}.stage .btn{margin-top:10px}.stage-k{font-size:16px;font-weight:750}.stage-owner{color:var(--text-2);font-size:14px}.stage.lvl-warm{border-left-color:var(--ember)}.stage.lvl-adapting{border-left-color:var(--st-adapting)}.stage.lvl-self{border-left-color:var(--st-steady)}.stage.lvl-cmo{border-left-color:var(--st-drifting)}.stage.lvl-surgeons{border-left-color:var(--st-alert)}.stage.lvl-building{border-left-color:var(--st-nodata)}.reasons{color:var(--text-2);margin:6px 0 0;padding-left:18px;font-size:14px}.reasons li{margin:2px 0}.adapt-note{color:#d6f5ea;background:#9fd9c312;border:1px solid #9fd9c359;border-radius:10px;margin:8px 0 0;padding:8px 10px;font-size:13.5px}.offday-note{color:var(--st-offday);background:#b4cbe812;border:1px solid #b4cbe859;border-radius:10px;margin:6px 0 0;padding:8px 10px;font-size:13.5px}.today-card h2{margin-bottom:10px}.today-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.today-item{border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line);color:var(--text);align-items:flex-start;gap:12px;min-height:84px;padding:14px;text-decoration:none;display:flex}.today-item div{flex-direction:column;gap:4px;display:flex}.today-item span{color:var(--muted);font-size:13.5px}.today-item.todo{background:linear-gradient(#ff8a3d1f,#ff8a3d0a);border-color:#ff8a3d80}.today-item.todo .ico{color:var(--ember-2)}.today-item.ok .ico{color:var(--st-steady)}.today-item .ico{color:var(--muted)}.body-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.body-grid{grid-template-columns:minmax(180px,.85fr) minmax(0,1.15fr);align-items:start;gap:14px;margin-top:8px;display:grid}.figure-wrap{position:relative}.figure{width:100%;height:auto;max-height:560px;display:block}.fig-base{fill:#1d2540;stroke:#2c3657;stroke-width:1.5px}.fig-base .limb{fill:none;stroke:#1d2540;stroke-width:24px;stroke-linecap:round}.fig-base .limb.leg{stroke-width:28px}.part{cursor:pointer;outline:none}.part .shape{stroke-width:2.2px;transition:fill .3s,stroke .3s,filter .3s}.part .limb-part{fill:none;stroke-width:24px;stroke-linecap:round}.part[data-part=legs] .limb-part{stroke-width:28px}.part .hit{fill:#0000}.st-steady .shape{fill:#f5b14f38;stroke:var(--st-steady)}.st-adapting .shape{fill:#9fd9c329;stroke:var(--st-adapting);stroke-dasharray:6 3}.st-offday .shape{fill:#b4cbe82e;stroke:var(--st-offday)}.st-drifting .shape{fill:#6cb6ff3d;stroke:var(--st-drifting)}.st-alert .shape{fill:#ff5d6c4d;stroke:var(--st-alert)}.st-nodata .shape,.st-nobaseline .shape{fill:#7f89a129;stroke:var(--st-nodata);stroke-dasharray:5 4}.part .limb-part.shape{fill:none}.st-steady .limb-part{stroke:#f5b14f8c}.st-adapting .limb-part{stroke:#9fd9c380}.st-offday .limb-part{stroke:#b4cbe88c}.st-drifting .limb-part{stroke:#6cb6ff99}.st-alert .limb-part{stroke:#ff5d6cb3}.st-nodata .limb-part,.st-nobaseline .limb-part{stroke:#7f89a166}.part[data-part=torso] .shape{fill-opacity:.55}.part:hover .shape,.part:focus-visible .shape,.part.is-selected .shape{filter:drop-shadow(0 0 8px)brightness(1.25)}.part.st-steady{color:var(--st-steady)}.part.st-adapting{color:var(--st-adapting)}.part.st-offday{color:var(--st-offday)}.part.st-drifting{color:var(--st-drifting)}.part.st-alert{color:var(--st-alert)}.part:focus-visible .shape{stroke-width:4px}.part.is-selected .shape{stroke-width:3.5px}.moon .shape{stroke-dasharray:none}.part-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.part-row{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:56px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;transition:border-color .2s,background .2s;display:flex}.part-row:hover,.part-row.is-selected{background:var(--panel-3);border-color:var(--line-2)}.part-row.st-drifting{border-left:4px solid var(--st-drifting)}.part-row.st-alert{border-left:4px solid var(--st-alert)}.part-row.st-steady{border-left:4px solid #f5b14fb3}.part-row.st-adapting{border-left:4px solid var(--st-adapting)}.part-row.st-offday{border-left:4px solid var(--st-offday)}.pr-text{flex-direction:column;flex:1;min-width:0;display:flex}.pr-text strong{font-size:14.5px}.pr-text span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.pr-go{color:var(--muted);font-size:24px}.legend{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.legend .chip{font-size:12px}.drawer{z-index:40;pointer-events:none;position:fixed;inset:0}.drawer.open{pointer-events:auto}.drawer-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060c8c;position:absolute;inset:0}.drawer-panel{border-left:1px solid var(--line-2);background:#111727;flex-direction:column;width:min(560px,94vw);animation:.25s slidein;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-20px 0 60px #00000073}@keyframes slidein{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.drawer-panel{animation:none}}.drawer-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.drawer-panel header h3{margin-bottom:6px;font-size:21px}.drawer-body{padding:14px 20px 30px;overflow-y:auto}.drawer-body>.btn{margin:6px 0 4px}.ind-block{border-bottom:1px solid var(--line);padding:16px 0}.ind-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ind-value{flex-wrap:wrap;align-items:baseline;gap:8px;margin:6px 0;display:flex}.ind-value .big{font-family:var(--font-num);letter-spacing:-.02em;font-size:40px;font-weight:700}.ind-value .unit{color:var(--muted);font-weight:600}.ind-range{color:var(--text-2);font-size:14px}.ind-chart{margin:8px 0}.checkin{max-width:880px;margin:0 auto}.stepper{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.stepper li{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.stepper .num{background:var(--panel-3);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.stepper li.current{color:var(--text);border-color:var(--ember);background:var(--ember-soft)}.stepper li.current .num{background:var(--ember);color:#1d0d02}.stepper li.done .num{background:var(--st-steady);color:#1d0d02}.ci-head .notice{margin-bottom:14px}.ci-card h2{align-items:center;gap:10px;font-size:24px;display:flex}.ci-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.ci-actions.start{justify-content:flex-start;margin-top:14px}.slider-row{margin:22px 0}.slider-top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.slider-top label{font-size:18px;font-weight:600}.slider-top output{align-items:baseline;gap:8px;display:flex}.slider-top output strong{font-family:var(--font-num);color:var(--ember-2);font-size:30px}.slider-top output span{color:var(--text-2);text-align:right;min-width:110px;font-weight:600}.slider-ends{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:13px;display:flex}input[type=range]{appearance:none;cursor:pointer;--fill:44%;background:0 0;width:100%;height:44px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ember) 0 var(--fill), #253050 var(--fill) 100%);border-radius:6px;height:12px}input[type=range]::-moz-range-track{background:#253050;border-radius:6px;height:12px}input[type=range]::-moz-range-progress{background:var(--ember);border-radius:6px;height:12px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:4px solid var(--ember);background:#fff4e8;border-radius:50%;width:38px;height:38px;margin-top:-13px;box-shadow:0 0 0 6px #ff8a3d2e,0 4px 10px #0006}input[type=range]::-moz-range-thumb{border:4px solid var(--ember);background:#fff4e8;border-radius:50%;width:30px;height:30px}.rt-bar{background:#1f2740;border-radius:4px;height:8px;margin:12px 0;overflow:hidden}.rt-fill{background:linear-gradient(90deg, var(--ember-2), var(--ember));width:0;height:100%;transition:width .1s linear}.rt-pad{border:2px solid var(--line-2);width:100%;height:280px;color:var(--text-2);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#151c30,#0d1220);border-radius:24px;font-size:22px;font-weight:650;position:relative;overflow:hidden}.rt-glow{background:radial-gradient(circle, #ffe2b8 0%, var(--ember) 40%, #ff8a3d00 70%);opacity:0;border-radius:50%;width:180px;height:180px;margin:-90px 0 0 -90px;position:absolute;top:50%;left:50%;transform:scale(.6)}.rt-msg{z-index:1;position:relative}.rt-pad.go{border-color:var(--ember);color:#fff;background:radial-gradient(circle,#3a1d0c,#160e10)}.rt-pad.go .rt-glow{opacity:1;transform:scale(1.3)}.rt-pad.early{border-color:var(--st-drifting)}.rt-pad.rest{color:var(--ember-2)}.rt-result{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-top:14px;display:grid}.rt-result div{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:12px;display:flex}.rt-result .big{font-family:var(--font-num);color:var(--ember-2);font-size:30px;font-weight:700}.rt-result span:not(.big){color:var(--muted);font-size:13px}.passage{border-radius:var(--radius-sm);border:1px solid var(--line-2);color:var(--text);background:#0d1322;margin:12px 0;padding:18px 20px;font-size:19px;line-height:1.6}.privacy{border-radius:var(--radius-sm);color:var(--text-2);background:#6cb6ff12;border:1px solid #6cb6ff4d;align-items:flex-start;gap:12px;margin:12px 0;padding:14px 16px;font-size:15px;display:flex}.privacy .ico{color:var(--cool)}.voice-box{border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:10px;min-height:150px;padding:18px;display:flex}.v-live{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rec-dot{background:var(--ember);width:12px;height:12px;box-shadow:0 0 12px var(--ember);border-radius:50%;animation:1.4s infinite flicker}.v-meter{align-items:flex-end;gap:3px;width:100%;height:70px;display:flex}.v-meter i{background:#2a3555;border-radius:2px;flex:1;min-height:3px}.v-meter i.on{background:linear-gradient(0deg, var(--ember), var(--ember-2))}.review{gap:8px;margin:14px 0;display:grid}.review div{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:140px 1fr;gap:10px;padding:12px 14px;display:grid}.review dt{color:var(--muted);font-weight:600}.review dd{margin:0;font-weight:600}.body-feed,.trends,.guide,.ground,.preflight{flex-direction:column;gap:16px;display:flex}.shirt-card{align-items:flex-start;gap:18px;display:flex}.shirt-icon{color:var(--text-2);background:var(--panel-2);border:1px solid var(--line);border-radius:16px;padding:8px}.shirt-card h2{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.feed-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.feed-card{padding:16px}.feed-card.st-drifting{border-color:#6cb6ff73}.feed-card.st-alert{border-color:#ff5d6c99}.feed-card.st-adapting{border-color:#9fd9c366}.feed-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.feed-card .big{font-size:34px}.sensor-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px;display:grid}.sensor{border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex}.sensor h3{align-items:center;gap:8px;font-size:16px;display:flex}.sensor h3 svg{width:22px;height:22px}.typed-form{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.typed-form h3{font-size:16px}.trends-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.trends-head p{max-width:720px}.segs{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4px;display:inline-flex}.seg{min-width:76px;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:6px 14px;font-weight:650}.seg.on{background:var(--ember-soft);color:var(--ember-2)}.trend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.trend-card{padding:16px}.compare{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;font-size:13.5px;display:flex}.compare strong{color:var(--text)}.ladder{grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 10px;padding:0;list-style:none;display:grid}.ladder li{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:14px}.ladder li p{color:var(--text-2);margin:6px 0 0;font-size:13px}.ladder li p span{color:var(--muted);font-weight:650}.ladder li strong{margin-top:2px;font-size:16px;display:block}.ladder-k{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:750}.ladder li.on{box-shadow:inset 0 0 0 2px}.ladder li.on.l0{color:var(--ember-2);background:#ff8a3d1a}.ladder li.on.l1{color:var(--st-steady);background:#f5b14f1a}.ladder li.on.l2{color:var(--st-drifting);background:#6cb6ff1a}.ladder li.on.l3{color:var(--st-alert);background:#ff5d6c1a}.ladder li.on .ladder-k,.ladder li.on strong{color:inherit}.guide-card{border-left:5px solid var(--st-steady)}.guide-card.who-l2{border-left-color:var(--st-drifting)}.guide-card.who-l3{border-left-color:var(--st-alert)}.guide-card header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:8px;display:flex}.guide-card header h3{font-size:21px}.who{background:var(--panel-2);border:1px solid var(--line-2);border-radius:12px;flex-direction:column;max-width:420px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.who-k{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11.5px;font-weight:750}.guide-card.who-l3 .who{color:#ffc7cd;border-color:#ff5d6c80}.guide-card.who-l2 .who{color:#cfe6ff;border-color:#6cb6ff73}.gc-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:8px;display:grid}.gc-cols h4{margin-bottom:6px}.changes{color:var(--text-2);margin:0;padding-left:18px;font-size:14.5px}.changes li{margin:4px 0}.steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.step{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.step.is-tried{background:linear-gradient(#f5b14f14,#f5b14f05);border-color:#f5b14f80}.step-text p{color:var(--text-2);margin:4px 0 0;font-size:13.5px}.caveat{align-items:flex-start;gap:6px;font-style:italic;display:flex;color:#ffd8b0!important}.step-check{margin-top:6px;font-size:13px;font-weight:600;display:block}.step-check.pending{color:var(--muted)}.step-check.helped{color:var(--st-steady)}.step-check.noimp{color:var(--st-drifting)}.try-btn{flex:none;min-width:138px}.try-btn.on{border-color:var(--st-steady);color:var(--st-steady);background:#f5b14f29}.guide-card footer{margin-top:12px}.progress{background:#1f2740;border-radius:6px;height:12px;margin:10px 0;overflow:hidden}.progress div{background:linear-gradient(90deg, var(--ember-2), var(--ember));height:100%}.voice-details summary{cursor:pointer;color:var(--cool);align-items:center;min-height:40px;display:flex}.review-accepted{color:var(--st-adapting);font-weight:600}.review-questioned{color:var(--ember-2);font-weight:600}.link-state{align-items:center;gap:18px;display:flex}.link-svg .ls-earth{fill:#2c6cc4;stroke:#6cb6ff;stroke-width:1.5px}.link-svg .ls-craft{fill:var(--ember)}.link-svg .ls-line{stroke:var(--line-2);stroke-width:2.5px;stroke-dasharray:4 4}.link-svg .ls-live{stroke:var(--st-adapting);animation:1.2s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-16px}}@media (prefers-reduced-motion:reduce){.link-svg .ls-live{animation:none}}.link-svg .ls-x{stroke:var(--st-alert);stroke-width:3px;stroke-linecap:round}.link-card cite{font-style:normal}.ground-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.stack{flex-direction:column;gap:16px;min-width:0;display:flex}.share-list{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.notes,.audit{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.notes li{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.notes li.unread{border-color:#ff8a3d8c}.notes li p{margin:0 0 6px}.audit li{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}.demo{height:var(--demo-h);z-index:30;color:#f7e7a8;background:repeating-linear-gradient(135deg,#2a2208 0 12px,#231d08 12px 24px);border-top:2px solid #c9a227;align-items:center;gap:12px;padding:8px 14px;display:flex;position:fixed;bottom:0;left:0;right:0}.demo-label{flex-direction:column;flex:none;line-height:1.15;display:flex}.demo-label strong{text-transform:uppercase;letter-spacing:.08em;color:#ffd84d;font-size:13px}.demo-label span{color:#d9c98a;font-size:11.5px}.demo-modes{background:#00000059;border:1px solid #7a6620;border-radius:12px;flex:none;gap:4px;padding:3px;display:flex}.demo-modes button{color:#f7e7a8;min-height:46px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;padding:2px 10px;line-height:1.1;display:flex}.demo-modes button strong{font-size:13px}.demo-modes button span{color:#cdbb7a;font-size:10.5px}.demo-modes button.active{color:#241c02;background:#ffd84d}.demo-modes button.active span{color:#4a3a05}.demo-note{flex:1;margin:0;font-size:13px}.demo-slider{flex:1;align-items:center;gap:10px;min-width:140px;display:flex}.demo-slider input[type=range]{--fill:50%}.demo-slider input[type=range]::-webkit-slider-runnable-track{background:#4a3f16;height:8px}.demo-slider input[type=range]::-webkit-slider-thumb{width:30px;height:30px;box-shadow:none;background:#fff8dc;border-color:#ffd84d;margin-top:-11px}.demo-slider input[type=range]::-moz-range-track{background:#4a3f16}.demo-slider input[type=range]::-moz-range-progress{background:#4a3f16}.demo-slider output{color:#ffe27a;min-width:66px;font-size:16px;font-weight:800}.demo-presets{gap:6px;display:flex}.demo-presets button,.demo-reset{color:#f7e7a8;min-height:50px;font:inherit;cursor:pointer;background:#00000059;border:1px solid #7a6620;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:4px 9px;line-height:1.1;display:flex}.demo-presets button strong{font-size:13px}.demo-presets button span{color:#cdbb7a;font-size:10.5px}.demo-presets button.active{color:#241c02;background:#ffd84d;border-color:#ffd84d}.demo-presets button.active span{color:#4a3a05}.demo-reset{flex:none;font-size:12px}@media (width<=1240px){.demo-presets button span,.demo-label span{display:none}}@media (width<=1100px){.ring-card{grid-template-columns:190px 1fr}}@media (width<=1000px){:root{--nav-w:88px;--demo-h:128px}.home{grid-template-columns:1fr;grid-template-areas:"ring""body""today""foot"}.demo{flex-wrap:wrap;align-content:center;row-gap:6px}.demo-slider{flex-basis:100%;order:3}.demo-presets{flex:1}.demo-presets button{flex:1;min-height:44px}.demo-reset{min-height:44px}.ladder{grid-template-columns:repeat(2,1fr)}.gc-cols,.ground-grid,.trend-grid{grid-template-columns:1fr}}@media (width<=820px){.main{padding:14px 16px 24px}.nav-item{min-height:58px;font-size:11.5px}.ring-card{grid-template-columns:1fr;justify-items:center}.ring-wrap{width:240px}.stage .reasons{columns:1}.stepper li{justify-content:center;font-size:0}.stepper li .num,.stepper li.current{font-size:13px}.rt-result{grid-template-columns:repeat(2,1fr)}.today-grid{grid-template-columns:1fr}.body-grid{grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr)}.demo-label{display:none}}@media (width<=640px){:root{--nav-w:0px;--demo-h:172px}.app{inset:0 0 var(--demo-h) 0;grid-template-rows:1fr auto;grid-template-columns:1fr}.nav{border-right:0;border-top:1px solid var(--line);flex-direction:row;order:2;gap:2px;padding:6px;overflow-x:auto}.brand,.nav-foot{display:none}.nav-item{min-width:72px;min-height:54px;font-size:11px}.body-grid{grid-template-columns:1fr}.figure-wrap{max-width:260px;margin:0 auto}.review div{grid-template-columns:1fr}.passage{font-size:17px}.shirt-card{flex-direction:column}}