:root{--paper:#F3EFE3;--sheet:#FFFDF7;--ink:#1C2420;--green:#1F5F43;--mint:#D5E8D8;--red:#A63A28;--blush:#F3DAD2;--soft:#4D5952;--slab:"Zilla Slab",Rockwell,"Roboto Slab",Georgia,serif;--text:"Albert Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--e1:0 1px 2px rgba(28,36,32,.10),0 1px 3px rgba(28,36,32,.08);--e2:0 1px 2px rgba(28,36,32,.10),0 4px 10px rgba(28,36,32,.09);--e3:0 2px 4px rgba(28,36,32,.10),0 10px 24px rgba(28,36,32,.12);}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--text);font-weight:400;color:var(--ink);background:var(--paper);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;}.app{position:relative;isolation:isolate;height:100dvh;min-height:640px;display:flex;flex-direction:column;padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));overflow:hidden;}.wash{position:absolute;inset:0;z-index:-1;background:var(--blush);opacity:0;pointer-events:none}.bar{display:flex;align-items:center;gap:10px;height:48px;flex:none}.bar img{width:44px;height:44px;display:block}.brand{font-family:var(--slab);font-weight:700;font-size:clamp(1.05rem,0.98rem + 0.4vw,1.2rem);letter-spacing:-.005em}.intro{flex:none;padding-top:8px}h1{font-family:var(--slab);font-weight:700;font-size:clamp(1.8rem,1.2rem + 2.9vw,3.1rem);line-height:1.04;letter-spacing:-.015em;text-wrap:balance;}.sub{margin-top:8px;font-size:clamp(.94rem,0.9rem + 0.2vw,1.06rem);line-height:1.42;color:var(--soft);max-width:34em}.stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding-top:12px}.seg{position:relative;flex:none;display:grid;grid-template-columns:1fr 1fr;height:44px;border-radius:22px;background:var(--sheet);box-shadow:var(--e1);touch-action:pan-y;user-select:none;-webkit-user-select:none;}.seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:19px;background:var(--mint);box-shadow:var(--e1);will-change:transform;overflow:hidden;}.seg-thumb i{position:absolute;inset:0;background:var(--blush);opacity:0}.seg button{position:relative;z-index:1;appearance:none;border:0;background:none;cursor:pointer;font-family:var(--slab);font-weight:500;font-size:clamp(1rem,0.96rem + 0.2vw,1.1rem);color:var(--soft);display:flex;align-items:center;justify-content:center;gap:6px;border-radius:22px;-webkit-tap-highlight-color:transparent;will-change:transform;}.seg button svg{width:16px;height:16px;flex:none;opacity:0}.seg button[aria-selected="true"]{color:var(--ink);font-weight:700}.seg button[aria-selected="true"] svg{opacity:1}.seg button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.range{flex:none;padding:12px 2px 0}.band{display:flex;gap:3px;height:12px}.band span{display:block;border-radius:6px}.band .b1{flex:280;background:var(--red)}.band .b2{flex:90;background:#D58A6E}.band .b3{flex:70;background:#D9C58C}.band .b4{flex:60;background:#7FB08F}.band .b5{flex:50;background:var(--green)}.needle{height:12px;position:relative}.needle svg{position:absolute;left:50%;top:1px;width:18px;height:11px;margin-left:-9px;will-change:transform}.ends{display:flex;justify-content:space-between;font-family:var(--slab);font-weight:500;font-size:clamp(.82rem,0.8rem + 0.1vw,.9rem);color:var(--soft);line-height:1.2}.pager{flex:1 1 auto;min-height:0;margin:8px -16px 0;padding:2px 16px 12px;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;cursor:grab;}.pager.is-drag{cursor:grabbing}.track{display:flex;gap:10px;height:100%;will-change:transform}.panel{flex:none;width:calc(100% - 26px);height:100%;border-radius:24px;background:var(--sheet);box-shadow:var(--e2);padding:14px 16px 10px;display:flex;flex-direction:column;overflow:hidden;}.panel h2{font-family:var(--slab);font-weight:700;font-size:clamp(1.25rem,1.1rem + 0.7vw,1.6rem);line-height:1.1;display:flex;align-items:center;gap:10px;flex:none;}.chip{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none}.chip svg{width:16px;height:16px}.up .chip{background:var(--mint);color:var(--green)}.down .chip{background:var(--blush);color:var(--red)}.panel ul{list-style:none;margin-top:6px;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly}.panel li{display:flex;align-items:center;gap:12px;min-height:34px;font-size:clamp(.92rem,0.88rem + 0.2vw,1.02rem);line-height:1.25;border-top:1px solid rgba(28,36,32,.09);padding:5px 0;}.panel li:first-child{border-top:0}.dot{width:8px;height:8px;border-radius:50%;flex:none;margin-left:11px;margin-right:9px}.up .dot{background:var(--green)}.down .dot{background:var(--red)}.action{flex:none;padding-top:2px}.cta{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;border-radius:28px;background:var(--green);color:#FFFDF7;text-decoration:none;font-family:var(--slab);font-weight:700;font-size:clamp(1.12rem,1.06rem + 0.3vw,1.25rem);letter-spacing:.005em;box-shadow:var(--e3);will-change:transform;transition:transform .12s cubic-bezier(.2,.8,.2,1);}.cta svg{width:20px;height:20px}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.ready{margin-top:8px;text-align:center;font-size:clamp(.84rem,0.82rem + 0.1vw,.92rem);line-height:1.3;color:var(--soft)}footer{flex:none;margin-top:6px;text-align:center;font-family:var(--slab);font-weight:500;font-size:clamp(.78rem,0.76rem + 0.1vw,.84rem);color:var(--soft)}.fade{animation:fade .18s linear}@keyframes fade{from{opacity:.35}to{opacity:1}}@media (hover: hover){.cta:hover{transform:scale(1.015)}.seg button:hover{color:var(--ink)}}@media (max-height: 690px){.sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.panel li{min-height:28px;padding:3px 0}}@media (min-width: 900px){body{display:grid;place-items:center;padding:28px}.app{width:min(1000px,100%);height:min(640px,calc(100dvh - 56px));min-height:560px;border-radius:32px;background:var(--paper);box-shadow:var(--e3);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;grid-template-areas:"bar stage" "intro stage" "action stage" "foot stage";column-gap:40px;padding:36px 36px 28px 44px;}body{background:#E6DFCB}.bar{grid-area:bar;height:auto;flex-direction:column;align-items:flex-start;gap:8px}.bar img{width:160px;height:160px;margin-left:-14px}.intro{grid-area:intro;padding-top:14px}.action{grid-area:action;padding-top:24px;max-width:380px}footer{grid-area:foot;text-align:left;margin-top:0}.ready{text-align:left;padding-left:6px}.stage{grid-area:stage;padding-top:0}.pager{margin:8px -16px 0}.panel{padding:20px 22px 14px}}@media (prefers-reduced-motion: reduce){.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}