:root{--o2: #22d3c0;--o2-deep: #0fb5a6;--co2: #8b6cff;--blood: #e5394f;--gold: #f2b84b;--ink: #eef3f2;--ink-2: #a9bcba;--ink-3: #6f8483;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--gutter: max(24px, env(safe-area-inset-left))}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0c0b0e;overscroll-behavior:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;font-family:var(--sans);color:var(--ink)}#ui button{pointer-events:auto}:where(#ui) button{color:inherit;font:inherit;border:0;padding:0;background:none;cursor:pointer}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#ui svg{display:block}.glass{position:relative;isolation:isolate;background:linear-gradient(165deg,#ffffff26,#ffffff0a 32%,#fff0 52%,#0000002e),#0c121580;-webkit-backdrop-filter:blur(9px) saturate(170%) brightness(1.06);backdrop-filter:blur(9px) saturate(170%) brightness(1.06);box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #ffffff12,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff0d,inset 0 -14px 24px -18px #22d3c033,0 22px 44px -22px #000000d9,0 2px 6px #00000059}.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;background:linear-gradient(140deg,#ffffff9e,#ffffff14 35%,#ffffff05 60%,#8cfff052);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass>*{position:relative;z-index:3}#ui button:focus-visible,#ui input:focus-visible,.ring-hit:focus-visible{outline:2px solid var(--o2);outline-offset:2px}.hd{position:absolute;left:var(--gutter);top:max(20px,env(safe-area-inset-top));display:flex;flex-direction:column;gap:10px}.hd-brand{font:600 10px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--ink-2);text-shadow:0 1px 8px rgba(0,0,0,.9)}.hd-room{display:flex;align-items:center;gap:12px}.hd-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none}.hd-num span{font:500 14px/1 var(--serif);color:#fff}.hd-title{font:400 30px/1 var(--serif);letter-spacing:-.01em;text-shadow:0 2px 18px rgba(0,0,0,.85);white-space:nowrap}.hd-nav{display:flex;gap:2px;margin-left:2px}.hd-btn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);transition:background .2s,color .2s}.hd-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hd-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.hd-btn:disabled{opacity:.25;cursor:default}.hd-scale{display:inline-flex;align-self:flex-start;align-items:baseline;gap:7px;padding:6px 10px 6px 9px;border-radius:99px;background:#22d3c017;box-shadow:inset 0 0 0 1px #22d3c052}.hd-scale b{font:600 11px/1 var(--sans);color:var(--o2);font-variant-numeric:tabular-nums;letter-spacing:.02em}.hd-scale span{font:600 9.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#bfe9e3}.rail{position:absolute;left:calc(var(--gutter) + 16px);top:136px;display:flex;flex-direction:column}.rail:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;transform:translate(-50%);border-radius:2px;background:linear-gradient(180deg,var(--o2) 0%,var(--o2) 42%,var(--blood) 58%,var(--blood) 70%,var(--gold) 80%,var(--co2) 100%);opacity:.5}.stop{position:relative;height:28px;display:flex;align-items:center;text-align:left}.stop i{position:absolute;left:0;width:9px;height:9px;transform:translate(-50%);border-radius:50%;background:#20282b;box-shadow:inset 0 1px #ffffff73,0 0 0 1.5px #ffffff29;transition:all .25s ease}.stop span{display:none;margin-left:16px;font:500 11px/1 var(--sans);letter-spacing:.03em;color:var(--ink-2);white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.95)}.stop span b{font:500 11px/1 var(--serif);margin-right:7px;color:var(--ink-3)}.stop.built i{background:#cfe9e5}.stop:hover:not(:disabled) span,.stop:focus-visible span{display:block}.stop:hover:not(:disabled) i{transform:translate(-50%) scale(1.25)}.stop.on i{width:15px;height:15px;background:radial-gradient(circle at 35% 30%,#e8fffb,var(--o2) 45%,#0a6e65);box-shadow:0 0 0 4px #22d3c02e,0 0 18px #22d3c0e6}.stop.on span{display:block;color:#fff;font-weight:600}.stop:disabled{cursor:default}.stop:disabled i{opacity:.45}.placard{position:absolute;inset:0;pointer-events:none}.cap{position:absolute;left:var(--gutter);bottom:max(26px,env(safe-area-inset-bottom));width:min(500px,36vw);pointer-events:none}.cap-steps{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cap-ticks{display:flex;gap:5px}.cap-ticks i{width:28px;height:3px;border-radius:3px;background:#ffffff2e;overflow:hidden;transition:background .3s}.cap-ticks i.on{background:var(--o2);box-shadow:0 0 8px #22d3c08c}.cap-ticks i.now{background:linear-gradient(90deg,var(--o2),rgba(34,211,192,.25))}.placard[data-phase=try] .cap-ticks i{background:var(--o2)}.cap-steps em{font:600 10px/1 var(--sans);letter-spacing:.22em;color:var(--ink-2);font-style:normal;text-transform:uppercase}.cap-line{margin:0;font:500 23px/1.32 var(--sans);letter-spacing:-.012em;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 26px rgba(0,0,0,.8);max-width:30ch;min-height:1.32em}.placard[data-phase=try] .cap-line{font-size:19px;max-width:34ch}.placard.done .cap-line{font:italic 400 22px/1.35 var(--serif)}.cap-tools{display:flex;gap:8px;margin-top:16px;pointer-events:auto}.tool{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;transition:transform .15s ease}.tool svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tool:hover{transform:translateY(-1px)}.tool.quiz{width:auto;padding:0 14px 0 10px;border-radius:99px;display:flex;align-items:center;gap:8px;font:600 11px/1 var(--sans);letter-spacing:.06em;color:#fff}.tool.quiz b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--o2);color:#062a26;font:700 11px/1 var(--sans)}.tool.quiz.open b{background:#fff}.placard[data-phase=tour] .pl-watch,.placard[data-phase=tour] .pl-check,.placard[data-phase=try] .pl-pause{display:none}.placard.paused .pl-pause{box-shadow:0 0 0 2px #22d3c099,0 10px 24px -12px #000c}.pop{position:absolute;left:0;bottom:calc(100% + 14px);width:min(420px,calc(100vw - 2 * var(--gutter)));padding:12px;border-radius:22px;pointer-events:auto}.pop-hd{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px 4px;font:600 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2)}.pl-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card{position:relative;min-height:92px;text-align:left;perspective:700px}.card .c-f,.card .c-b{position:absolute;inset:0;padding:11px 12px;border-radius:16px;font:500 12.5px/1.35 var(--sans);backface-visibility:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:6px}.card .c-f{background:#ffffff12;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}.card .c-b{background:linear-gradient(160deg,#22d3c052,#0f786e8c);color:#effffc;transform:rotateY(180deg);box-shadow:inset 0 0 0 1px #8cfff066}.card em{font:700 9px/1 var(--sans);letter-spacing:.2em;font-style:normal;color:var(--o2)}.card .c-b em{color:#c9fff7}.card.flip .c-f{transform:rotateY(-180deg)}.card.flip .c-b{transform:rotateY(0)}.console{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));display:flex;align-items:stretch;gap:10px;pointer-events:auto}.placard[data-phase=tour] .console{opacity:0;transform:translateY(12px);pointer-events:none}.console{transition:opacity .4s ease,transform .4s ease}.orbwrap{border-radius:30px;padding:12px 18px 12px 12px;display:flex;align-items:center;gap:14px;touch-action:none;user-select:none;-webkit-user-select:none;text-align:left}.orb{position:relative;width:74px;height:74px;flex:none;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#ffffff8c,#fff0 30%),radial-gradient(circle at 50% 60%,#2ee6d2,#0b8f84 62%,#05463f);box-shadow:inset 0 -8px 16px #00000059,inset 0 2px 2px #fff9,0 0 0 6px #22d3c01a,0 0 30px #22d3c080;transition:transform .12s ease,box-shadow .2s ease}.orb-ring{position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);transform:rotate(-90deg)}.orb-ring circle{fill:none;stroke-width:3}.orb-track{stroke:#ffffff24}.orb-fill{stroke:#9ff7ec;stroke-linecap:round;transition:stroke-dashoffset .15s linear;filter:drop-shadow(0 0 4px rgba(34,211,192,.9))}.orb-icon svg{width:32px;height:32px;stroke:#e9fffb;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.orbwrap:hover .orb{box-shadow:inset 0 -8px 16px #00000059,inset 0 2px 2px #fff9,0 0 0 7px #22d3c029,0 0 40px #22d3c0b3}.orbwrap.pressed .orb{transform:scale(.93);box-shadow:inset 0 -4px 12px #0006,inset 0 2px 2px #fff9,0 0 0 9px #22d3c040,0 0 54px #22d3c0f2}.orblab b{display:block;font:600 15px/1.1 var(--sans);color:#fff}.orblab>span{display:block;margin-top:6px;font:500 11px/1.2 var(--sans);color:var(--ink-2)}kbd{font:600 9.5px/1 var(--sans);padding:2px 5px;border-radius:4px;background:#ffffff1f;color:var(--ink);box-shadow:inset 0 0 0 1px #fff3}.orbwrap.mini{padding:10px}.orbwrap.mini .orb{width:54px;height:54px}.orbwrap.mini .orb-icon svg{width:24px;height:24px}.orbwrap.mini .orblab{display:none}.slide{border-radius:28px;padding:15px 22px 13px;width:330px;display:flex;flex-direction:column}.slide-k{display:flex;justify-content:space-between;align-items:baseline;font:600 9.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2)}.slide-k b{color:#fff;letter-spacing:.02em;font-size:13px;text-transform:none;font-variant-numeric:tabular-nums}.slide-track{position:relative;display:block;height:34px;margin-top:8px}.slide-track:before{content:"";position:absolute;left:0;right:0;top:13px;height:8px;border-radius:8px;background:#00000073;box-shadow:inset 0 1px 3px #000000b3,0 1px #ffffff1f}.slide-track:after{content:"";position:absolute;left:0;top:13px;height:8px;width:calc(var(--p, 0) * 100%);border-radius:8px;background:linear-gradient(90deg,#0b8f84,var(--o2));box-shadow:0 0 12px #22d3c0b3;pointer-events:none}.slide-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer;z-index:2;pointer-events:auto;touch-action:none}.slide-track input::-webkit-slider-runnable-track{height:34px;background:none}.slide-track input::-moz-range-track{height:34px;background:none}.slide-track input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:3px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#fff,#c9f7f1 35%,var(--o2) 75%);box-shadow:0 0 0 5px #22d3c02e,0 0 20px #22d3c0cc,inset 0 -3px 5px #00000040}.slide-track input::-moz-range-thumb{width:28px;height:28px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#fff,#c9f7f1 35%,var(--o2) 75%);box-shadow:0 0 0 5px #22d3c02e,0 0 20px #22d3c0cc}.slide-bubble{position:absolute;left:calc(14px + var(--p, 0) * (100% - 28px));top:-22px;transform:translate(-50%);font:600 11px/1 var(--sans);padding:5px 8px;border-radius:99px;background:#e9fffb;color:#063b35;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.slide:hover .slide-bubble,.slide:focus-within .slide-bubble{opacity:1}.slide-bubble:empty{display:none}.slide-ticks{position:relative;display:block;height:12px;margin-top:1px}.slide-ticks span{position:absolute;left:calc(14px + var(--t) * (100% - 28px));transform:translate(-50%);font:500 10px/1 var(--sans);color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}.slide-ticks span:first-child{transform:none;left:0}.slide-ticks span:last-child{transform:none;left:auto;right:0}.chip{border-radius:24px;padding:14px 18px;min-width:176px;display:flex;flex-direction:column;justify-content:center}.chip-k{font:600 9.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);min-height:1em}.chip-v{margin-top:8px;display:flex;align-items:baseline;gap:6px;white-space:nowrap}.chip-num{font:300 38px/.9 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff}.chip-u{text-decoration:none;font:500 13px/1 var(--sans);color:var(--o2)}.chip-sub{display:flex;flex-direction:column;gap:7px;margin-top:9px}.chip-sub:empty{display:none}.chip-pips{display:flex;gap:5px}.chip-pips i{width:9px;height:9px;border-radius:50%;background:#ffffff2e}.chip-pips i.on{background:var(--o2);box-shadow:0 0 8px var(--o2)}.chip-bar{display:block;height:4px;border-radius:4px;background:#ffffff24;overflow:hidden;width:150px}.chip-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b8f84,var(--o2));box-shadow:0 0 8px #22d3c0b3;transition:width .2s ease}.chip-spark{width:150px;height:26px}.chip-spark polyline{fill:none;stroke:var(--o2);stroke-width:1.6;vector-effect:non-scaling-stroke}.chip-spark line{stroke:#ffffff38;stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.chip-note{font:500 11px/1.3 var(--sans);color:var(--ink-2);max-width:190px;white-space:normal}.foot{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:6;font:600 11.5px/1 var(--sans);letter-spacing:.06em;color:#ffffffd1;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.7)}.ring-hit{position:absolute;pointer-events:auto;cursor:ns-resize;touch-action:none;outline:none}.ring-notch{position:absolute;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #f1eee8;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.ring-readout{position:absolute;transform:translateY(-50%);text-align:right;white-space:nowrap}.ring-readout b{display:block;font:400 32px/1 var(--serif);letter-spacing:-.01em;font-variant-numeric:lining-nums;text-shadow:0 0 14px rgba(0,0,0,.85),0 1px 2px rgba(0,0,0,.9)}.ring-readout>span{display:block;margin-top:6px;font:600 9.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#d8e3e1;text-shadow:0 0 10px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.9)}.ring-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:11px;font-style:normal}.ring-bar s{display:block;height:6px;border:1.5px solid #e7efee;border-top:0;text-decoration:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.ring-bar small{font:500 10.5px/1 var(--sans);color:var(--ink-2);font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.9);order:-1}.ring-readout em{display:block;margin-top:8px;font:italic 400 11px/1 var(--serif);color:#a39d96;text-shadow:0 0 8px rgba(0,0,0,.9);transition:opacity .6s ease}.ring-readout.used em{opacity:0}.ring-label{position:absolute;left:0;top:0;padding:4px 3px;cursor:pointer;font:600 11px/1 var(--sans)!important;letter-spacing:.04em;color:#f1eee899!important;text-shadow:0 0 8px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.9)}.ring-label.on{color:#f6f3ee!important}#ui.narrow .rail{display:none}#ui.narrow .cap{left:14px;right:14px;width:auto;bottom:calc(max(14px,env(safe-area-inset-bottom)) + var(--console-h, 0px));padding:14px 16px 12px;border-radius:22px;pointer-events:auto;background:linear-gradient(180deg,#080c0ecc,#080c0ee0);box-shadow:inset 0 1px #fff3,0 18px 36px -20px #000000e6}#ui.narrow .cap-line{font-size:18px;max-width:none;text-shadow:none}#ui.narrow .placard[data-phase=try] .cap-line{font-size:15px}#ui.narrow .placard.done .cap-line{font-size:17px}#ui.narrow .cap-tools{margin-top:12px}#ui.narrow .console{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));flex-wrap:nowrap}#ui.narrow .placard[data-phase=tour] .console{display:none}#ui.narrow .slide{flex:1;width:auto;min-width:0;padding:12px 16px 10px}#ui.narrow .chip{min-width:0;flex:0 1 auto;padding:12px 14px}#ui.narrow .chip-num{font-size:30px}#ui.narrow .chip-bar,#ui.narrow .chip-spark{width:110px}#ui.narrow .orbwrap{flex:1;padding:10px 14px 10px 10px}#ui.narrow .orbwrap.mini{flex:none}#ui.narrow .orb{width:58px;height:58px}#ui.narrow .hd-title{font-size:24px}#ui.narrow .ring-readout b{font-size:26px}#ui.narrow .pop{width:auto;left:-2px;right:-2px}#ui.narrow .foot{bottom:auto;top:max(14px,env(safe-area-inset-top))}@media (max-width: 560px){#ui.narrow .chip-note{display:none}#ui.narrow .orblab>span{display:none}.hd-brand{display:none}}#ui.pop-open .rail{opacity:0;pointer-events:none}.rail{transition:opacity .25s ease}#ui.short .hd{gap:6px}#ui.short .hd-brand{display:none}#ui.short .hd-title{font-size:22px}#ui.short .hd-num{width:28px;height:28px}#ui.short .rail{top:92px}#ui.short .stop{height:20px}#ui.short .cap-line{font-size:17px}#ui.short .placard[data-phase=try] .cap-line{font-size:14px}#ui.short .cap-steps{margin-bottom:7px}#ui.short .cap-tools{margin-top:9px}#ui.short .tool{width:32px;height:32px}#ui.short .tool.quiz{height:32px;width:auto}#ui.short .card{min-height:64px}#ui.short .card .c-f,#ui.short .card .c-b{font-size:11.5px;padding:8px 10px}#ui.short .orb{width:46px;height:46px}#ui.short .orb-icon svg{width:22px;height:22px}#ui.short .orbwrap{padding:8px 12px 8px 8px;border-radius:22px}#ui.short .orblab>span{display:none}#ui.short .slide{padding:9px 14px 7px;border-radius:20px}#ui.short .slide-track{height:28px;margin-top:4px}#ui.short .slide-track:before,#ui.short .slide-track:after{top:10px}#ui.short .slide-track input::-webkit-slider-runnable-track{height:28px}#ui.short .slide-track input::-webkit-slider-thumb{margin-top:2px;width:24px;height:24px}#ui.short .chip{padding:9px 12px;border-radius:20px}#ui.short .chip-num{font-size:26px}#ui.short .chip-sub .chip-spark,#ui.short .chip-note{display:none}#ui.short.narrow .cap{padding:10px 14px 9px}.tool.quiz{white-space:nowrap;flex:none}#ui.narrow.pop-open .ring-label,#ui.narrow.pop-open .ring-notch{opacity:0!important;pointer-events:none!important}@media (max-width: 560px){.slide-ticks span:not(:first-child):not(:last-child){display:none}.slide-k>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.slide-k b{white-space:nowrap}}#ui.short.narrow .cap-steps{display:none}#ui.short.narrow .cap{display:flex;align-items:center;gap:12px}#ui.short.narrow .cap-line{flex:1;min-width:0}#ui.short.narrow .cap-tools{margin-top:0;flex:none}#ui.short.narrow .pop{bottom:calc(100% + 10px)}.beat-label{position:absolute;left:0;top:0;font:italic 500 22px/1 var(--serif);color:#fff;letter-spacing:.02em;pointer-events:none;text-shadow:0 0 12px rgba(255,240,230,.8),0 0 2px rgba(0,0,0,.9);will-change:transform,opacity}.tool.pl-sound.off svg{stroke:var(--ink-2)}.foot{pointer-events:auto}.foot-cr{font:inherit;letter-spacing:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.foot-cr:hover{color:#fff}.credits{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:calc(max(10px,env(safe-area-inset-bottom)) + 22px);width:min(360px,calc(100vw - 32px));max-height:min(70vh,520px);overflow:auto;padding:12px 14px 14px;border-radius:20px;pointer-events:auto;z-index:5;font:500 12px/1.45 var(--sans);color:var(--ink)}.credits p{margin:0 4px 8px;color:var(--ink-2)}.credits ul{list-style:none;margin:4px 0 0;padding:0}.credits li{padding:6px 4px;border-top:1px solid rgba(255,255,255,.07)}.credits li span{display:block;font:600 9.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--o2)}.credits a{color:#fff;text-decoration:none}.credits a:hover{text-decoration:underline}#ui.narrow .credits{bottom:auto;top:calc(max(14px,env(safe-area-inset-top)) + 22px)}#ui.narrow .foot{display:flex;flex-direction:column;align-items:flex-end;gap:5px}#ui.narrow .foot-sep{display:none}#ui.narrow .credits{top:calc(max(14px,env(safe-area-inset-top)) + 34px)}.framed .hd{left:calc(var(--gutter) + 126px)}.framed #ui.narrow .hd{left:var(--gutter);top:calc(max(20px,env(safe-area-inset-top)) + 44px)}