:root {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#f5f5f2;background:#161919;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:1px solid #fff;outline-offset:7px}[hidden]{display:none!important}
#view{position:fixed;inset:0;width:100%;height:100%;display:block;outline:0}
.hud{position:fixed;z-index:3;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:38px 48px 55px;pointer-events:none;background:linear-gradient(#10151466,transparent)}
.brand{display:flex;flex-direction:column;gap:12px;text-shadow:0 1px 12px #0003}.wordmark{font-size:17px;font-weight:500;letter-spacing:.2em;line-height:1.2}.subtitle{font-size:12px;font-weight:400;letter-spacing:.04em;color:#ffffffb8}
.quiet{pointer-events:auto;display:inline-flex;align-items:center;gap:13px;border:0;background:transparent;padding:4px 0 12px;font-size:13px;font-weight:400;color:#ffffffe0;text-shadow:0 1px 10px #0004;transition:color .2s,opacity .2s}.quiet:hover{color:#fff;opacity:.7}.quiet svg{width:17px;height:17px;stroke-width:1.2}
.gate{position:fixed;z-index:2;inset:0;display:flex;align-items:flex-start;padding:132px max(48px,7.5vw) 78px;overflow-y:auto;background:linear-gradient(90deg,#111818e6 0%,#111818bf 32%,#11181859 65%,#11181812 100%);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s}
.gate[hidden]{display:flex!important;opacity:0;visibility:hidden;pointer-events:none}.entry{width:min(550px,100%);margin-block:auto}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:400;color:#ffffffe0;margin:0 0 28px}
h1{font-family:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-size:clamp(52px,6.8vw,94px);font-weight:400;letter-spacing:-.045em;line-height:1.02;margin:0;text-wrap:balance}h1 span{display:block}
.description{color:#ffffffbd;font-size:16px;font-weight:300;letter-spacing:.02em;margin:26px 0 37px}#status{color:#ffffffc7;font-size:15px;line-height:1.65;margin:0 0 20px;max-width:410px}#status:empty{display:none}
#loading{display:flex;align-items:center;gap:18px;width:min(280px,100%);min-height:26px;margin-bottom:8px}progress{width:100%;height:1px;appearance:none;border:0;background:#ffffff30}progress::-webkit-progress-bar{background:#ffffff30}progress::-webkit-progress-value{background:#eeede6;transition:width .25s}progress::-moz-progress-bar{background:#eeede6}#percent{min-width:36px;color:#ffffffa6;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.primary{display:flex;align-items:center;justify-content:space-between;gap:48px;width:min(280px,100%);padding:17px 22px;background:#ffffff06;border:1px solid #ffffff75;border-radius:1px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:15px;font-weight:400;letter-spacing:.025em;transition:background .25s,border-color .25s}.primary:hover{background:#ffffff13;border-color:#ffffffda}.primary svg{width:21px;height:16px;flex-shrink:0;stroke-width:1.1;transition:transform .25s}.primary:hover svg{transform:translateX(4px)}
.entry-help{display:flex;flex-wrap:wrap;gap:10px 18px;margin:32px 0 0;font-size:12px;line-height:1.7;color:#ffffff94}.entry-help span{white-space:nowrap}kbd{font:inherit;color:#ffffffd6}.input-note{font-size:13px;line-height:1.6;color:#ffffffb8;max-width:350px;margin:18px 0 0}
.controls{position:fixed;z-index:3;left:0;right:0;bottom:0;padding:38px 48px 27px;display:flex;gap:12px 25px;flex-wrap:wrap;color:#ffffffe0;font-size:12px;line-height:1.6;background:linear-gradient(transparent,#10151469);text-shadow:0 1px 6px #0006;pointer-events:none;opacity:1;transition:opacity .4s}.controls span{white-space:nowrap}body:has(#gate:not([hidden])) .controls{opacity:0;visibility:hidden}
#crosshair{display:none!important}#diagnostics{position:fixed;z-index:5;right:12px;bottom:80px;background:#08101eee;color:#def1df;white-space:pre-wrap;width:330px;max-width:calc(100% - 24px);max-height:55vh;overflow:auto;font:12px/1.45 monospace;padding:12px;pointer-events:none}
.demo-notice{position:fixed;z-index:3;right:20px;bottom:14px;padding:2px 4px;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:.025em;color:#ffffff85;text-shadow:0 1px 4px #0007;pointer-events:none;user-select:none}
@media(max-width:700px){.hud{padding:28px 26px 45px}.wordmark{font-size:15px;letter-spacing:.15em}.subtitle{font-size:12px}.gate{padding:140px 32px 64px;background:linear-gradient(90deg,#111818db,#11181870)}h1{font-size:clamp(54px,12vw,80px)}.eyebrow{font-size:11px;margin-bottom:25px}.description{margin:23px 0 31px}.entry-help{max-width:300px;gap:7px 15px;margin-top:27px}.controls{padding:35px 26px 22px;gap:6px 18px}}
@media(max-width:480px){#fullscreen-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.quiet{padding:2px 0 12px 15px}.quiet svg{width:18px;height:18px}}
@media(max-height:620px) and (min-width:701px){.hud{padding:24px 38px}.gate{align-items:flex-start;padding:115px 7.5vw 35px}h1{font-size:52px}h1 span{display:inline}h1 span+span::before{content:" "}.eyebrow{margin-bottom:16px}.description{margin:18px 0 24px}.entry-help{margin-top:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}