:root{--bg: #070a12;--panel: rgba(10, 14, 24, .82);--panel-solid: rgba(9, 12, 21, .985);--ink: #ece5d7;--dim: rgba(236, 229, 215, .58);--faint: rgba(236, 229, 215, .36);--hair: rgba(236, 229, 215, .14);--hair-strong: rgba(236, 229, 215, .26);--accent: #e2673c;--accent-ink: #080b13;--r-sm: 3px;--r: 5px;--r-lg: 8px;--r-xl: 12px;--pill: 999px;--tap: 44px;--shell-max: 460px;--serif: "Spectral", Georgia, "Times New Roman", serif;--sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}button{font-family:inherit;cursor:pointer}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.cap{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.glass{background:var(--panel);border:1px solid var(--hair)}#camera,#sky{position:absolute;inset:0;width:100%;height:100%;display:block}#camera{object-fit:cover;background:#060910}#sky{touch-action:none}.hud{position:absolute;inset:0;max-width:var(--shell-max);margin-inline:auto;pointer-events:none;padding:calc(env(safe-area-inset-top,0px) + 14px) 12px calc(env(safe-area-inset-bottom,0px) + 20px);display:flex;flex-direction:column;transition:margin-inline .28s cubic-bezier(.32,.72,0,1)}.hud>*{pointer-events:auto}.compass{height:60px;border-radius:var(--r);overflow:hidden;flex:0 0 auto}.readouts{display:flex;gap:8px;margin-top:8px;flex:0 0 auto}.pill{display:flex;align-items:baseline;gap:7px;padding:6px 11px;border-radius:var(--r-sm);font-size:12px}.pill span:last-child{color:#ece5d7e6}.pill.warn{border-color:#e2673c73}.pill.warn span:last-child{color:var(--accent)}.spacer{flex-grow:1;pointer-events:none}.navbar{height:78px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:space-evenly;padding:0 6px;flex:0 0 auto}.navbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:72px;flex:1 1 0;height:58px;padding:0 8px;border:0;border-radius:var(--r);background:transparent;color:var(--dim);transition:color .15s,background .15s}.navbtn[aria-pressed=true]{background:#ece5d714;color:var(--accent)}.navbtn span{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.sheet{background:var(--panel-solid);position:absolute;left:0;right:0;bottom:0;max-width:var(--shell-max);margin-inline:auto;max-height:82vh;border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:0;padding:12px 22px calc(env(safe-area-inset-bottom,0px) + 26px);display:flex;flex-direction:column;transform:translateY(101%);transition:transform .28s cubic-bezier(.32,.72,0,1);z-index:3}.sheet[data-open=true]{transform:translateY(0)}.sheet-close{position:absolute;top:10px;right:12px;z-index:1}.grabber{align-self:center;width:38px;height:4px;border-radius:2px;background:#ece5d738;flex:0 0 auto}.sheet h2{margin:18px 0 0;font-family:var(--serif);font-size:27px;font-weight:500;letter-spacing:-.01em}.sheet-body{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;margin-top:20px;flex:1 1 auto;padding-right:2px}@media(min-width:560px){.sheet{bottom:16px;border-radius:var(--r-xl);border-bottom:1px solid var(--hair);max-height:min(82vh,640px)}}@media(min-width:840px){.sheet{inset:16px 16px 16px auto;margin-inline:0;width:min(400px,32vw);max-width:none;max-height:none;border-radius:var(--r-xl);transform:translate(110%)}.sheet[data-open=true]{transform:translate(0)}.sheet .grabber{display:none}body:has(.sheet[data-open=true]) .hud{margin-inline:auto calc(min(400px,32vw) + 32px)}}.card{background:var(--panel-solid);position:absolute;left:12px;right:12px;max-width:calc(var(--shell-max) - 24px);margin-inline:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);border-radius:var(--r-lg);padding:20px 20px 22px;z-index:2;transform:translateY(calc(100% + 40px));transition:transform .28s cubic-bezier(.32,.72,0,1)}.card[data-open=true]{transform:translateY(0)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card h1{margin:0;font-family:var(--serif);font-size:31px;font-weight:500;letter-spacing:-.01em}.chip{padding:4px 9px;border-radius:var(--pill);border:1px solid var(--hair-strong);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);background:transparent}.chip[aria-pressed=true]{border-color:transparent;background:var(--accent);color:var(--accent-ink)}.rule{height:1px;margin:22px 0;background:linear-gradient(to right,transparent,rgba(236,229,215,.16) 12%,rgba(236,229,215,.16) 88%,transparent)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.stat{display:flex;flex-direction:column;gap:5px}.stat b{font-family:var(--mono);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.iconbtn{display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);padding:0;border:0;border-radius:var(--r);background:transparent;color:#ece5d78c}.row>div>b,.row>b{font-family:var(--serif);font-size:17px;font-weight:500}.row{display:flex;align-items:center;justify-content:space-between;min-height:46px;gap:16px;padding:8px 0}.field{display:flex;flex-direction:column;gap:9px;padding:8px 0}.field-head{display:flex;align-items:baseline;justify-content:space-between}.field-head b{font-family:var(--serif);font-size:17px;font-weight:500}.field-head span{font-family:var(--mono);font-size:13px;color:var(--accent)}.help{font-size:12px;color:#ece5d775}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#ece5d71a}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#ece5d71a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--ink);box-shadow:0 2px 8px #00000080}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--ink)}.switch{position:relative;flex:0 0 auto;width:50px;height:29px;border:0;border-radius:var(--pill);background:#ece5d721;padding:0;transition:background .16s}.switch[aria-pressed=true]{background:var(--accent)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:var(--ink);transition:transform .16s,background .16s}.switch[aria-pressed=true]:after{transform:translate(21px);background:var(--accent-ink)}.primary{width:100%;min-height:58px;border:0;border-radius:var(--r);background:var(--accent);color:var(--accent-ink);font-size:16px;font-weight:600}.primary:disabled{opacity:.4}.secondary{width:100%;min-height:52px;margin-top:10px;border:1px solid var(--hair-strong);border-radius:var(--r);background:transparent;color:var(--ink);font-size:15px;font-weight:500}.list{display:flex;flex-direction:column}.item{display:flex;align-items:center;gap:15px;padding:14px 4px;border:0;border-bottom:1px solid rgba(236,229,215,.07);background:transparent;color:var(--ink);text-align:left;width:100%}.item:last-child{border-bottom:0}.item[aria-pressed=true]{background:#e2673c1f;border-radius:var(--r)}.item-name{flex-grow:1;display:flex;flex-direction:column;gap:3px;min-width:0}.item-name b{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:0}.item-name span{font-size:12px;color:#ece5d780}.item-num{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-family:var(--mono);font-variant-numeric:tabular-nums}.item-num b{font-size:13px;font-weight:500}.item-num span{font-size:11px;color:#ece5d775}.arrow{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;border:1px solid var(--hair);color:var(--accent);overflow:hidden}.arrow-glyph{display:flex;transform-origin:50% 50%}.empty{padding:40px 8px;text-align:center;font-size:13px;color:var(--faint);line-height:1.5}.searchbar{display:flex;align-items:center;gap:10px;height:48px;margin-top:16px;padding:0 14px;border:1px solid var(--hair);border-radius:var(--r);background:#ece5d70d;flex:0 0 auto}.searchbar:focus-within{border-color:#e2673c8c}.searchbar-icon{display:flex;color:var(--faint)}.searchbar input{flex-grow:1;min-width:0;height:100%;border:0;background:transparent;color:var(--ink);font-family:var(--sans);font-size:15px}.searchbar input:focus{outline:none}.searchbar input::placeholder{color:#ece5d757}.searchbar input::-webkit-search-cancel-button{-webkit-appearance:none}.cal-status{padding:12px 14px;margin-bottom:14px;border:1px solid rgba(226,103,60,.32);border-radius:var(--r);background:#e2673c14;font-size:13px;line-height:1.45;color:var(--ink)}.toast{background:var(--panel-solid);position:absolute;left:12px;right:12px;max-width:calc(var(--shell-max) - 24px);margin-inline:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 112px);padding:12px 16px;border-radius:var(--r);font-size:13px;line-height:1.45;color:var(--dim);z-index:4;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}.toast[data-open=true]{opacity:1;transform:translateY(0)}.gate{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;padding:60px max(24px,calc((100% - var(--shell-max)) / 2));background:radial-gradient(120% 60% at 50% 0%,#0b1322,#06090f 55%,#060910);overflow-y:auto}@media(hover:hover)and (pointer:fine){.navbtn:hover{color:var(--ink);background:#ece5d70f}.navbtn[aria-pressed=true]:hover{color:var(--accent)}.iconbtn:hover{color:var(--ink);background:#ece5d712}.item:hover{background:#ece5d70d;border-radius:var(--r)}.primary:hover:not(:disabled){background:#ef7bf}.secondary:hover{border-color:var(--hair-strong);background:#ece5d70d}.switch:hover{background:#ece5d733}.switch[aria-pressed=true]:hover{background:var(--accent)}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #00000080,0 0 0 6px #e2673c2e}}