:root{--navy:#0B2545;--blue:#2A5CAA;--blue-hi:#3D7DCA;--sky:#E7EFFA;--white:#FFFFFF;--yellow:#FFCB05;--teal:#1FA68B;--muted:rgba(11,37,69,.74);--mono:"Martian Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--peek:106px;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--sky);color:var(--navy);font-family:var(--sans);font-size:1rem;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none;}.field{display:none}.app{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100dvh;min-height:600px;background:var(--sky);overflow:hidden;}main{display:flex;flex-direction:column;flex:1;min-height:0}.bar{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 8px calc(16px + env(safe-area-inset-left));}.bar img{width:48px;height:48px;display:block;flex:none}.bar span{font-family:var(--mono);font-weight:700;font-size:clamp(.95rem,.9rem + .3vw,1.05rem);letter-spacing:-.01em}.head{padding:4px 20px 14px}h1{margin:0;font-family:var(--mono);font-weight:700;font-size:clamp(1.7rem,1.25rem + 2.2vw,2.15rem);line-height:1.08;letter-spacing:-.04em;}h1 span{display:block}h1 .b{color:var(--blue)}.sub{margin:10px 0 0;font-size:clamp(.94rem,.9rem + .2vw,1rem);color:var(--muted);max-width:34em;}.stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.card{flex:1;min-height:0;margin:0 16px calc(var(--peek) + 12px);padding:16px 18px 14px;border-radius:28px;background:var(--blue);color:var(--white);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 2px rgba(11,37,69,.18),0 6px 16px rgba(11,37,69,.14);overflow:hidden;}.lab{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--mono);font-weight:400;font-size:clamp(.66rem,.64rem + .1vw,.7rem);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.86);}.dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);flex:none}.swap{will-change:transform,opacity}.place{margin:6px 0 0;font-family:var(--mono);font-weight:700;font-size:clamp(1rem,.9rem + .5vw,1.15rem);line-height:1.2;letter-spacing:-.03em;}.coords{margin:5px 0 0;font-family:var(--mono);font-weight:400;font-size:clamp(.72rem,.7rem + .1vw,.78rem);color:rgba(255,255,255,.9);}.mid{flex:1;min-height:0;display:grid;place-items:center;padding:10px 0}.joy{height:min(100%,150px);aspect-ratio:1;border-radius:50%;background:var(--blue-hi);display:grid;place-items:center;box-shadow:inset 0 2px 6px rgba(11,37,69,.28)}.knob{width:44%;height:44%;border-radius:50%;background:var(--white);box-shadow:0 2px 4px rgba(11,37,69,.3),0 8px 16px rgba(11,37,69,.22);will-change:transform}.you{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.28);padding-top:10px}.couch{margin:6px 0 2px;font-family:var(--mono);font-weight:700;font-size:clamp(1rem,.9rem + .5vw,1.15rem);letter-spacing:-.03em}.steps{display:flex;align-items:baseline;gap:8px;font-family:var(--mono)}.zero{display:inline-block;font-weight:700;font-size:clamp(2.8rem,2rem + 4vw,3.6rem);line-height:.9;color:var(--yellow);transform-origin:50% 80%;}.steps small{font-size:clamp(.72rem,.7rem + .1vw,.78rem);font-weight:400;color:rgba(255,255,255,.9)}.sheet{position:absolute;left:0;right:0;bottom:0;height:258px;transform:translate3d(0,152px,0);background:var(--white);border-radius:28px 28px 0 0;box-shadow:0 -1px 2px rgba(11,37,69,.10),0 -6px 18px rgba(11,37,69,.14),0 -18px 40px rgba(11,37,69,.10);touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;will-change:transform;z-index:2;}.sheet::after{content:"";position:absolute;left:0;right:0;top:100%;height:80px;background:var(--white)}.grab{display:block;width:100%;height:56px;margin:0;padding:10px 20px 0;border:0;background:none;color:var(--navy);font:inherit;text-align:left;cursor:grab;border-radius:28px 28px 0 0;-webkit-tap-highlight-color:transparent;}.grab i{display:block;width:32px;height:4px;margin:0 auto 9px;border-radius:2px;background:rgba(11,37,69,.42)}.grab b{font-family:var(--mono);font-weight:700;font-size:clamp(.82rem,.8rem + .1vw,.88rem);letter-spacing:-.02em}.list{margin:0;padding:0 8px;list-style:none}.row{display:flex;align-items:center;gap:12px;width:100%;height:48px;padding:0 12px;border:0;border-radius:16px;background:none;color:var(--navy);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;}.row[aria-pressed="true"]{background:var(--sky)}.pin{width:28px;height:28px;border-radius:50%;background:var(--sky);display:grid;place-items:center;flex:none;color:var(--blue)}.row[aria-pressed="true"] .pin{background:var(--blue);color:var(--white)}.rt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.rn{font-weight:400;font-size:clamp(.88rem,.86rem + .1vw,.94rem)}.rc{font-family:var(--mono);font-size:clamp(.64rem,.62rem + .1vw,.68rem);color:var(--muted)}.chk{width:20px;height:20px;flex:none;color:var(--teal);opacity:0}.row[aria-pressed="true"] .chk{opacity:1}.action{position:relative;z-index:3;background:var(--sky);padding:12px calc(16px + env(safe-area-inset-right)) 6px calc(16px + env(safe-area-inset-left));box-shadow:0 -1px 0 rgba(11,37,69,.10);}.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 24px;border-radius:28px;background:var(--yellow);color:var(--navy);font-family:var(--mono);font-weight:700;font-size:clamp(.95rem,.9rem + .3vw,1.05rem);letter-spacing:-.02em;text-decoration:none;box-shadow:0 1px 2px rgba(11,37,69,.22),0 4px 10px rgba(11,37,69,.16);-webkit-tap-highlight-color:transparent;}.next{margin:8px 4px 0;font-size:clamp(.8rem,.78rem + .1vw,.85rem);color:var(--muted);text-align:center}footer{position:relative;z-index:3;background:var(--sky);padding:2px 16px calc(10px + env(safe-area-inset-bottom));font-size:clamp(.7rem,.68rem + .1vw,.74rem);color:var(--muted);text-align:center;}.cta:focus-visible,.row:focus-visible,.grab:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.row:focus-visible,.grab:focus-visible{outline-offset:-3px}@media (hover: hover){.row:hover{background:rgba(42,92,170,.08)}.row[aria-pressed="true"]:hover{background:var(--sky)}.cta:hover{background:#FFD633}}@keyframes xf{from{opacity:.35}to{opacity:1}}.xf{animation:xf .16s ease-out}@media (min-width: 700px){body{background:var(--blue);min-height:100dvh;display:grid;place-items:center;overflow:hidden}.field{display:block;position:fixed;inset:0;overflow:hidden;z-index:0}.field span{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid var(--blue-hi);transform:translate(-50%,-50%)}.field span:nth-child(1){width:640px;height:640px}.field span:nth-child(2){width:980px;height:980px}.field span:nth-child(3){width:1320px;height:1320px}.field span:nth-child(4){width:1660px;height:1660px}.app{width:430px;height:min(100dvh - 48px,820px);border-radius:28px;box-shadow:0 2px 4px rgba(6,22,44,.25),0 14px 34px rgba(6,22,44,.28),0 40px 80px rgba(6,22,44,.22);}.bar img{width:64px;height:64px}.head{padding:6px 24px 16px}.card{margin-left:20px;margin-right:20px}}html,body{max-width:100%;overflow-x:clip}