:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d5dde5;background:#070f19;font-family:Arial,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}#maree{--letterbox:clamp(20px, 5.5vh, 56px);background:#000;position:fixed;inset:0}#sea,#fallback{inset:var(--letterbox) 0;width:100%;height:calc(100% - 2 * var(--letterbox));object-fit:cover;position:absolute}#sea{touch-action:none;outline:none}#sea:focus-visible{outline-offset:-5px;outline:1px solid #9ac6d6}#fallback[hidden]{display:none}.frame{inset:var(--letterbox) 0;pointer-events:none;transition:opacity .5s;position:absolute}.poem{text-shadow:0 1px 16px #040b15;position:absolute;bottom:46px;left:40px}.poem h1{letter-spacing:-.025em;margin:0 0 13px;font:400 clamp(25px,2.4vw,40px)/1.2 Georgia,serif}.poem p{color:#c0ccd6a8;margin:0;font:italic 14px/1.6 Georgia,serif}.hint{color:#becddd88;letter-spacing:.035em;font-size:11px;transition:opacity 1s;position:absolute;top:34px;right:40px}.hint span{opacity:.7;text-align:right;margin-top:5px;font-size:10px;display:block}#maree[data-interacted=true] .hint{opacity:0}.tools{pointer-events:auto;align-items:center;gap:6px;display:flex;position:absolute;bottom:42px;right:35px}button,.credit{color:#bdcad8;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b17254a;border:1px solid #0000;border-radius:24px;justify-content:center;align-items:center;min-height:44px;padding:0 14px;font:11px Arial,sans-serif;text-decoration:none;display:inline-flex}button:hover,.credit:hover{color:#fff;background:#8eacbb18}button:focus-visible,.credit:focus-visible{outline-offset:2px;outline:1px solid #91b9cf}.icon-button{flex:0 0 44px;width:44px;height:44px;padding:0}.icon-button svg{pointer-events:none;width:20px;height:20px}.icon-button[aria-busy=true]{opacity:.55;border-style:dotted;border-color:currentColor}#restore{bottom:calc(var(--letterbox) + max(24px, env(safe-area-inset-bottom)));display:none;position:absolute;right:24px}.immersed .frame{opacity:0;pointer-events:none}.immersed .tools{pointer-events:none}.immersed #restore{display:inline-flex}.daylight-control{pointer-events:auto;color:#edf2f5;text-shadow:0 1px 8px #030c19;width:230px;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.daylight-caption{letter-spacing:.06em;justify-content:space-between;font-size:10px;display:flex}.daylight-caption output{opacity:.7}.daylight-track{align-items:center;gap:12px;height:38px;display:flex;position:relative}.daylight-track>span{flex:0 0 17px;display:flex}.daylight-track svg{width:17px;height:17px}.daylight-track .daylight-midpoint{opacity:.7;pointer-events:none;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.daylight-midpoint svg{width:11px;height:11px}#daylight{appearance:none;cursor:ew-resize;background:0 0;flex:1;width:100%;min-width:0;height:26px;margin:0}#daylight::-webkit-slider-runnable-track{background:linear-gradient(90deg,#9dbbdc,#efd6a1 50%,#9dbbdc);border-radius:3px;height:3px;box-shadow:0 1px 5px #0008}#daylight::-moz-range-track{background:linear-gradient(90deg,#9dbbdc,#efd6a1 50%,#9dbbdc);border-radius:3px;height:3px}#daylight::-webkit-slider-thumb{appearance:none;background:#fff6e6;border:1px solid #ffffffb3;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 1px 5px #0008}#daylight::-moz-range-thumb{background:#fff6e6;border:1px solid #ffffffb3;border-radius:50%;width:12px;height:12px}#daylight:focus-visible{outline-offset:4px;border-radius:4px;outline:1px solid #e0e9f2}.cycle-speed{width:208px;min-width:0;text-shadow:none;border:0;margin:12px auto 0;padding:0}.cycle-speed legend{text-align:center;letter-spacing:.035em;width:100%;margin-bottom:5px;padding:0;font-size:10px}.cycle-options{background:#0b1725d9;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;display:grid}.cycle-options label{cursor:pointer;position:relative}.cycle-options label>span{color:#bdcad8;font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:baseline;gap:3px;min-height:28px;padding:6px 0;font-size:11px;line-height:16px;transition:background .2s,color .2s;display:flex}.cycle-options small{font-size:9px}.cycle-options label:hover>span{color:#fff;background:#ffffff14}.cycle-options input:checked+span{color:#102331;background:#dbe9ef}.cycle-options input:focus-visible+span{outline-offset:2px;outline:2px solid #91b9cf}.day-mode .poem,.day-mode .daylight-control{color:#173045;text-shadow:0 1px 8px #ffffff60}.day-mode .poem p{color:#253d50}.bright-sky .hint{color:#264358}.day-mode button,.day-mode .credit{color:#173045;background:#f1f7fb70}.day-mode button:hover,.day-mode .credit:hover{background:#ffffffb0}.day-mode .cycle-options{background:#edf3f6e6}.day-mode .cycle-options label>span{color:#294659}.day-mode .cycle-options label:hover>span{background:#17304512}.day-mode .cycle-options input:checked+span{color:#f1f7fb;background:#173045}.day-mode #daylight:focus-visible,.day-mode .cycle-options input:focus-visible+span,.day-mode .icon-button:focus-visible{outline-color:#173045}#sound-welcome{color:#e5edf1;text-align:center;background:#0b1725;border:1px solid #516574;border-radius:12px;width:min(420px,100vw - 40px);padding:38px 28px 26px}#sound-welcome::backdrop{background:#030a13a6}#sound-welcome h2{letter-spacing:-.025em;text-wrap:balance;margin:0 0 16px;font:400 clamp(27px,5vw,34px)/1.2 Georgia,serif}#sound-welcome p{color:#bdcad8;margin:0;font:14px/1.6 Arial,sans-serif}.welcome-actions{flex-direction:column;gap:10px;margin-top:28px;display:flex}#sound-welcome button{color:#d5e0e8;background:0 0;border-color:#516574;width:100%;min-height:46px;font-size:12px}#sound-welcome #enter-with-sound{color:#102331;background:#dbe9ef;border-color:#dbe9ef}#sound-welcome button:hover{background:#263d4f}#sound-welcome #enter-with-sound:hover{background:#fff}#sound-welcome .welcome-note{color:#a8bdca;margin-top:20px;font-size:11px}#status{color:#e1e5ea;text-align:center;text-shadow:0 1px 5px #000;max-width:80%;font:14px Georgia,serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#status:empty{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#diagnostics{display:none}html.debug #diagnostics{color:#b1c4d4;font:10px monospace;display:block;position:fixed;top:70px;left:40px}@media (width>=701px) and (width<=1100px){.daylight-control{bottom:150px}}@media (width<=700px){.hint{font-size:10px;top:75px;right:24px}.poem{left:25px;right:25px;bottom:calc(250px + env(safe-area-inset-bottom))}.poem h1{font-size:29px}.poem p{font-size:13px}.tools{left:19px;right:auto;bottom:calc(27px + env(safe-area-inset-bottom))}button,.credit{background:#0b172578}.daylight-control{bottom:calc(91px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}