@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=DM+Sans:wght@400;500;600&display=swap";:root{color:#f8f4df;font-synthesis:none;--line:#efe5c431;--cream:#f4e7c5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#182b2c;margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;cursor:pointer;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#15242365;border-radius:40px;padding:11px 16px;transition:background .2s,border-color .2s}button:hover{background:#d5c79e25;border-color:#f1e4be80}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #ecd392}a{text-decoration:none}#world{touch-action:none;width:100vw;height:100dvh;display:block}.vignette{pointer-events:none;background:linear-gradient(#0c18153d,#0000 22% 65%,#0b211f94),radial-gradient(at 50% 42%,#0000 35%,#07151338);transition:opacity .4s;position:fixed;inset:0}header{letter-spacing:.17em;justify-content:space-between;align-items:center;gap:15px;font-size:10px;display:flex;position:fixed;top:28px;left:36px;right:36px}header a{align-items:center;gap:12px;font-weight:600;display:flex}header img{filter:brightness(1.8)saturate(.35);width:29px}header a span{opacity:.48;margin-left:13px;font-size:9px}.top-actions{gap:8px;display:flex}.top-actions button{letter-spacing:.025em;font-size:11px}.caption{pointer-events:none;text-shadow:0 2px 25px #10221c4d;position:fixed;bottom:122px;left:48px}.eyebrow{letter-spacing:.23em;color:#e8dab9c9;align-items:center;gap:9px;font-size:9px;display:flex}.live-dot{background:#edca82;border-radius:50%;width:4px;height:4px;box-shadow:0 0 10px #ffdb83}h1,h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:300}.caption h1{letter-spacing:-.035em;margin:22px 0 18px;font-size:clamp(50px,6vw,88px);line-height:.9}.caption h1 span{padding-left:30px;font-size:.75em;font-style:italic;line-height:1.1;display:block}.caption p{opacity:.64;letter-spacing:.035em;margin:0 0 21px;font-size:11px;line-height:1.85}#weather-caption{letter-spacing:.18em;color:#e2d9bbaa;font-size:8px}footer{justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:28px;left:36px;right:36px}footer>a{letter-spacing:.04em;opacity:.65;font-size:9px}nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10282370;border-radius:40px;gap:3px;padding:5px;display:flex}nav button{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:12px 20px;font-size:11px}nav button span{opacity:.5;margin-right:9px;font-size:8px}nav button[aria-pressed=true]{color:#203932;background:#e8e0c1}footer .hint{letter-spacing:.12em;opacity:.52;font-size:8px}#settings{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#142a28e8;border:1px solid #e0d9b530;border-radius:4px;width:300px;padding:24px;position:fixed;top:88px;right:36px;box-shadow:0 20px 80px #03161233}.panel-heading{letter-spacing:.2em;color:#d0c9b490;justify-content:space-between;align-items:center;font-size:8px;display:flex}.panel-heading button{background:0 0;border:0;padding:0;font-size:23px}h2{margin:15px 0 5px;font-size:31px}#settings p{opacity:.5;margin:0 0 22px;font-size:10px;line-height:1.8}#weather{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:23px;display:grid}#weather button{background:0 0;border-radius:3px;padding:10px 6px;font-size:10px}#weather button[aria-pressed=true]{color:#24312a;background:#e6d1a2;border-color:#e6d1a2}#weather button:last-child{grid-column:span 2}label{color:#d8dccd;margin-bottom:18px;font-size:10px;display:block}output{float:right;color:#bcb698;font-size:9px}input[type=range]{accent-color:#debf87;cursor:pointer;width:100%;height:4px;margin:12px 0 0;display:block}.panel-actions{justify-content:space-between;margin:25px 0 19px;display:flex}.panel-actions button{border-radius:3px;padding:9px 12px;font-size:9px}.keys{margin-bottom:0!important;font-size:9px!important;line-height:1.9!important}#loading{z-index:10;text-align:center;background:#19312f;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#loading h1{margin:20px 0 12px;font-size:46px}#loading p{opacity:.6;max-width:300px;font-size:11px;line-height:1.8}.loader-mark{color:#e4c889;font-family:Georgia,serif;font-size:50px;animation:2s ease-in-out infinite breathe}#loading.done{opacity:0;pointer-events:none}#loading.error .loader-mark{animation:none}#loading.error button{margin-top:20px}#show-ui{font-size:10px;position:fixed;bottom:22px;right:22px}#notice{border:1px solid var(--line);z-index:20;background:#183632eb;padding:13px 22px;font-size:11px;position:fixed;top:88px;left:50%;transform:translate(-50%)}.hide-ui .hud,.hide-ui #settings,.preview .hud,.preview #settings,.preview #show-ui,[hidden]{display:none!important}@keyframes breathe{50%{opacity:.4;transform:scale(.85)}}@media (width<=700px){header{top:20px;left:20px;right:20px}header a span{display:none}header a{gap:7px;font-size:9px}header img{width:24px}.top-actions button{padding:10px 13px}.top-actions #pause span{display:none}.caption{bottom:151px;left:25px}.caption h1{font-size:58px}.caption p{display:none}.eyebrow,.caption #weather-caption{font-size:7px}.caption h1{margin:15px 0}footer{flex-wrap:wrap;justify-content:center;gap:16px;display:flex;bottom:20px;left:20px;right:20px}footer nav{order:-1;justify-content:center;width:100%}nav button{padding:12px 15px}footer .hint{display:none}footer>a{font-size:8px}#settings{width:min(300px,100vw - 40px);max-height:calc(100dvh - 160px);top:77px;right:20px;overflow:auto}.vignette{background:linear-gradient(#14211c55,#0000 25% 60%,#10282299)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.drifting .caption{display:none}#helm{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;bottom:115px;left:36px;right:36px}.helm-readout{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1028238c;border-radius:4px;padding:18px 22px}#helm-state{letter-spacing:.18em;color:#e4cf9c;font-size:8px}.helm-readout>div{align-items:baseline;gap:10px;margin:12px 0;display:flex}.helm-readout strong{font-variant-numeric:tabular-nums;font-size:25px;font-weight:400}.helm-readout small{letter-spacing:.1em;opacity:.6;margin-right:12px;font-size:7px}.helm-readout p{opacity:.7;font-size:9px}.helm-readout button{pointer-events:auto;padding:7px 14px;font-size:10px}.helm-pad{pointer-events:auto;grid-template-columns:repeat(3,48px);gap:6px;display:grid}.helm-pad button{touch-action:none;-webkit-user-select:none;user-select:none;width:48px;height:48px;padding:0;font-size:21px}.helm-pad button:first-child{grid-column:2}.helm-pad button:nth-child(2){grid-column:1}.helm-pad button.held{color:#203932;background:#e8e0c1}#settings{z-index:3}@media (width<=700px){#helm{bottom:130px;left:20px;right:20px}.helm-readout{padding:12px}.helm-readout p{display:none}.helm-readout strong{font-size:19px}.helm-readout small{margin-right:0;font-size:6px}.helm-readout>div{gap:5px}.helm-pad{grid-template-columns:repeat(3,44px);gap:4px}.helm-pad button{width:44px;height:44px}}@media (height<=550px){#helm{bottom:100px}.helm-readout{padding:10px}.helm-readout p{display:none}}@media (width<=700px){footer nav button{padding:12px 9px;font-size:10px}footer nav button span{display:none}.watching footer .hint{text-align:center;opacity:.65;font-size:8px;display:block;position:absolute;bottom:100px;left:0;right:0}}