@font-face{font-family:Alegreya;src:url('/assets/alegreya.ttf') format('truetype');font-display:swap;font-weight:600}
:root{color-scheme:dark;--ink:#f0efda;--muted:#bdcbb7;--green:#c4d89a;--ground:#10251f;--line:#486044;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none;scrollbar-color:#627854 var(--ground)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(to bottom,transparent 55%,var(--ground) 100%),url('/assets/forest.webp') center top/100% auto no-repeat;min-height:100vh}body::before{content:"";position:absolute;left:9%;top:31%;width:3px;height:3px;border-radius:50%;background:#e9de91;box-shadow:0 0 14px 5px #b8b97535;animation:firefly 8s ease-in-out infinite;pointer-events:none}::selection{background:#b3c894;color:#15281c}[hidden]{display:none!important}main{width:min(100% - 64px,1100px);margin:auto}header{padding:38px 0 29px;text-align:center}h1,h2{font-family:Alegreya,Georgia,serif;font-weight:600;line-height:1.08;margin:0;text-wrap:balance}h1{font-size:clamp(42px,5vw,62px);letter-spacing:-.02em;display:inline-block;position:relative}.title-star{position:absolute;right:-26px;top:4px;width:12px;height:12px;background:#cbce8b;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 61%,50% 100%,38% 61%,0 50%,38% 38%)}header p{font-size:15px;letter-spacing:.02em;color:var(--muted);margin:13px 0 0}.watch{margin-bottom:32px}.view{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:12px;background:#0b1711;box-shadow:0 16px 48px #020b0780}#still,#video,#video iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}#video{z-index:2}.camera-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;background:linear-gradient(180deg,#13291bd9,#0b1913ed)}.view.has-photo .camera-message{background:linear-gradient(0deg,#061109e6,transparent 85%);justify-content:flex-end;padding-bottom:52px}.camera-message h2{font-size:clamp(26px,3vw,38px)}.camera-message p{max-width:45ch;line-height:1.5;font-size:15px;color:var(--muted);margin:14px 0 0}.moon{height:34px;width:34px;border-radius:50%;box-shadow:inset -10px -3px 0 0 #c0d39d;transform:rotate(-28deg);margin:0 0 30px}.has-photo .moon{display:none}.play{font:inherit;font-weight:600;border:none;cursor:pointer;background:var(--green);color:#122718;border-radius:6px;padding:14px 22px;margin-top:24px;min-height:48px}.play span{margin-left:20px}.play:hover{background:#e0e9b9}.play:active{transform:translateY(1px)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:#dae8b8}:focus-visible{outline:3px solid #e6d894;outline-offset:5px}.text-link{margin-top:20px;font-size:14px}.photo-label{position:absolute;left:20px;top:18px;font-size:12px;letter-spacing:.02em;background:#061109b3;padding:6px 10px;border-radius:4px;color:#e6eadb}.watch-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:21px 3px 0;font-size:13px}.watch-bar p{margin:0;color:var(--muted)}.status{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#98a68e}.status.live .status-dot{background:#bfdb79}.status.live{color:#e3edcd}.time{color:var(--ink);font-weight:600;margin-left:8px}.zone{margin-left:6px}.next{font-size:13px;line-height:1.6;margin:10px 3px 0;color:var(--muted)}footer{border-top:1px solid #66805a4d;display:flex;justify-content:space-between;gap:20px;padding:23px 4px 30px;color:var(--muted);font-size:12px;line-height:1.6}footer p{margin:0}footer a{display:block;margin-bottom:5px}.skip{position:fixed;left:16px;top:12px;z-index:20;padding:12px;background:var(--green);color:#10251f;transform:translateY(-200%)}.skip:focus{transform:none}.no-script{padding:30px;text-align:center}.view.playing .camera-message{display:none}html[data-hidden="true"] body::before{animation-play-state:paused}@keyframes firefly{0%,100%{opacity:.2;transform:translate(0,0)}50%{opacity:.8;transform:translate(12px,-18px)}}
@media(max-width:700px){body{background-size:auto 800px}main{width:calc(100% - 32px)}header{padding:36px 0 27px}h1{font-size:43px}.title-star{right:0}header p{font-size:13px}.view{border-radius:8px}.camera-message{padding:18px}.camera-message h2{font-size:25px}.camera-message p{font-size:12px;margin-top:10px}.moon{width:23px;height:23px;margin-bottom:15px}.watch-bar{align-items:flex-start;flex-direction:column;gap:9px;padding-top:17px;font-size:12px}.next{font-size:12px}footer{flex-direction:column;gap:12px;padding-top:20px}.view.has-photo .camera-message{padding-bottom:20px}.play{font-size:13px;padding:10px 14px;min-height:44px;margin-top:12px}.photo-label{font-size:10px;top:10px;left:10px}.text-link{font-size:12px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.view[data-state="live"] .moon,.view[data-state="live"] .camera-message h2,.view[data-state="error"] .moon{display:none}}
@media(max-width:380px){h1{font-size:36px}.title-star{right:0;width:8px;height:8px}.moon{display:none}.camera-message{padding:12px}.camera-message h2{font-size:23px}}
.privacy{max-width:70ch;margin:20px auto 56px;padding:24px;background:#10251ff2;border-radius:8px;line-height:1.8;color:var(--muted)}.privacy h2{font-size:28px;color:var(--ink);margin-top:32px}.privacy p{margin:16px 0}