:root{--paper:#F5F3EF;--card:#FFFFFF;--ink:#161616;--red:#D42A20;--stone:#6B6862;--street:#E6E2D9;--park:#D5E2CA;--fill:#EAE7E1;--serif:"Bodoni Moda",Georgia,serif;--sans:"Instrument Sans",system-ui,-apple-system,sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a,.joy,.row{-webkit-tap-highlight-color:transparent}.app{position:relative;display:flex;flex-direction:column;min-height:100dvh;width:100%;background:var(--paper);padding:calc(env(safe-area-inset-top) + 10px) calc(env(safe-area-inset-right) + 16px) 0 calc(env(safe-area-inset-left) + 16px)}.nav{display:flex;align-items:center;justify-content:space-between;height:44px}.nav img{width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(22,22,22,.08),0 4px 12px rgba(22,22,22,.06)}.nav .where{font-size:clamp(.78rem,.74rem + .2vw,.85rem);font-weight:600;color:var(--stone);font-variant-numeric:tabular-nums}h1{margin:6px 0 12px;line-height:1}h1 .b{display:block;font-family:var(--sans);font-weight:600;font-size:clamp(.82rem,.78rem + .2vw,.9rem);letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:6px}h1 .t{display:block;font-family:var(--serif);font-weight:600;font-size:clamp(2.2rem,1.7rem + 2.6vw,3rem);letter-spacing:-.01em;line-height:.98}.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;height:36px;padding:2px;border-radius:10px;background:var(--fill);touch-action:pan-y;user-select:none;-webkit-user-select:none}.seg .thumb{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:32px;border-radius:8px;background:var(--card);box-shadow:0 1px 1px rgba(22,22,22,.06),0 3px 8px rgba(22,22,22,.12);will-change:transform}.seg button{position:relative;z-index:1;border:0;background:none;font:600 clamp(.86rem,.82rem + .2vw,.94rem)/1 var(--sans);color:var(--ink);cursor:pointer;border-radius:8px;min-height:32px}.seg button:focus-visible{outline:2px solid var(--red);outline-offset:2px}.view{position:relative;flex:1 1 auto;min-height:330px;margin:14px -16px 0;overflow:hidden;overscroll-behavior:contain}.track{position:absolute;inset:0;display:flex;will-change:transform;touch-action:pan-y;user-select:none;-webkit-user-select:none}.pane{flex:0 0 100%;height:100%;padding:0 16px 6px;display:flex;flex-direction:column}.sheet{position:relative;flex:1;border-radius:20px;background:var(--card);overflow:hidden;box-shadow:0 1px 2px rgba(22,22,22,.05),0 6px 16px rgba(22,22,22,.07),0 18px 40px rgba(22,22,22,.06)}.map{position:absolute;inset:0;width:100%;height:100%;display:block}.chip{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:12px;background:var(--card);box-shadow:0 1px 2px rgba(22,22,22,.08),0 4px 12px rgba(22,22,22,.08);font-size:clamp(.74rem,.7rem + .2vw,.82rem);font-variant-numeric:tabular-nums}.chip strong{font-weight:600}.chip span{color:var(--stone)}.chip.low{top:auto;bottom:12px}.joy{position:absolute;right:14px;bottom:14px;width:112px;height:112px;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 1px 2px rgba(22,22,22,.08),0 8px 22px rgba(22,22,22,.14);touch-action:none;cursor:grab;outline:none}.joy:focus-visible{box-shadow:0 0 0 3px var(--red),0 8px 22px rgba(22,22,22,.14)}.joy .ring{position:absolute;inset:14px;border-radius:50%;border:1.5px solid var(--street)}.joy .knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:var(--ink);box-shadow:0 2px 6px rgba(22,22,22,.3);will-change:transform}.joy .knob::after{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--red)}.joy svg{position:absolute;inset:0;width:100%;height:100%}.tele{display:flex;flex-direction:column;gap:10px}.tele .sheet{flex:1 1 auto;min-height:130px}.list{flex:0 0 auto;border-radius:16px;background:var(--card);overflow:hidden;box-shadow:0 1px 2px rgba(22,22,22,.05),0 6px 16px rgba(22,22,22,.06)}.row{display:flex;align-items:center;width:100%;min-height:46px;padding:6px 14px;border:0;background:var(--card);font-family:var(--sans);color:var(--ink);text-align:left;cursor:pointer;gap:10px;transition:transform .12s cubic-bezier(.2,.8,.2,1)}.row + .row{box-shadow:inset 0 1px 0 var(--fill)}.row:active{transform:scale(.97)}.row:focus-visible{outline:2px solid var(--red);outline-offset:-3px}.row .n{flex:1;font-weight:600;font-size:clamp(.88rem,.84rem + .2vw,.96rem)}.row .c{font-size:clamp(.74rem,.7rem + .2vw,.8rem);color:var(--stone);font-variant-numeric:tabular-nums}.row .k{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--street);flex:0 0 auto;display:grid;place-items:center}.row[aria-pressed="true"] .k{border-color:var(--red);background:var(--red)}.row[aria-pressed="true"] .k::after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.lede{margin:14px 0 0;font-size:clamp(.95rem,.9rem + .25vw,1.05rem);line-height:1.45;color:var(--ink);max-width:36ch}.act{position:sticky;bottom:0;z-index:5;margin:10px -16px 0;padding:10px 16px calc(env(safe-area-inset-bottom) + 10px);background:var(--paper)}.cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border-radius:15px;background:var(--ink);color:#fff;font:600 clamp(1rem,.95rem + .25vw,1.1rem)/1 var(--sans);text-decoration:none;box-shadow:0 1px 2px rgba(22,22,22,.2),0 8px 20px rgba(22,22,22,.18);transition:transform .12s cubic-bezier(.2,.8,.2,1)}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--red);outline-offset:3px}footer{padding:4px 0 calc(env(safe-area-inset-bottom) + 12px);font-size:clamp(.74rem,.7rem + .2vw,.8rem);color:var(--stone);text-align:center}.fade{animation:fade .22s cubic-bezier(.2,.8,.2,1)}@keyframes fade{from{opacity:0}to{opacity:1}}@media (hover:hover){.seg button:hover{color:var(--red)}.row:hover{background:#FBFAF8}.cta:hover{background:#2A2A2A}}@media (min-width:600px){body{background:var(--ink);display:grid;place-items:center;min-height:100dvh;padding:24px}.app{width:430px;min-height:0;height:min(880px,calc(100dvh - 48px));border-radius:34px;overflow:hidden auto;scrollbar-width:none;padding:20px 22px 0;box-shadow:0 30px 80px rgba(0,0,0,.35)}.view{margin:14px -22px 0}.pane{padding:0 22px 6px}.act{margin:10px -22px 0;padding:12px 22px 12px}}@media (prefers-reduced-motion:reduce){.row,.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}