@font-face{font-family:story;src:url(../media/Fraunces_Variable-s.p.0z-qluqijbwjw.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:story;src:url(../media/Fraunces_Variable_Italic-s.p.42jzumsrv3eio.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:italic}@font-face{font-family:story Fallback;src:local(Arial);ascent-override:84.05%;descent-override:21.91%;line-gap-override:0.0%;size-adjust:116.36%}.c1Na9W_className{font-family:story,story Fallback}.c1Na9W_variable{--font-story:"story", "story Fallback"}
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;width:100%;height:100%;font-family:var(--font-story), Georgia, serif;font-variation-settings:"SOFT" 100, "WONK" 0;-webkit-font-smoothing:antialiased;background:#3d7fd6;overflow:hidden}.stage{position:fixed;inset:0}.stage canvas{width:100%;height:100%;display:block}.dial{--size:140px;width:var(--size);height:var(--size);color:#fff;text-shadow:0 1px 6px #14285a8c;-webkit-user-select:none;user-select:none;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.dial-ring{cursor:grab;touch-action:none;border:1px solid #ffffffb3;border-radius:50%;position:absolute;inset:0;box-shadow:0 4px 24px #14285a40;-webkit-mask:radial-gradient(circle,#0000 57%,#000 58%);mask:radial-gradient(circle,#0000 57%,#000 58%)}.dial-ring:active{cursor:grabbing}.dial-ring:focus-visible{outline-offset:3px;outline:2px solid #fff}.dial-tick{transform-origin:bottom;width:1px;height:50%;transform:rotate(var(--a));position:absolute;top:0;left:50%}.dial-tick:before{content:"";background:#ffffffbf;width:1px;height:7px;position:absolute;top:2px}.dial-arm{pointer-events:none;position:absolute;inset:0}.dial-body{background:#fff6d8;border-radius:50%;width:17px;height:17px;margin-left:-8.5px;transition:background .4s,box-shadow .4s;position:absolute;top:3px;left:50%;box-shadow:0 0 0 2px #ffffffd9,0 0 14px 4px #ffdc8ce6}.dial-body.is-moon{background:0 0;box-shadow:inset -5px -2px #e8eeff,0 0 12px 2px #aabeff99}.dial-centre{-webkit-backdrop-filter:blur(8px);color:inherit;cursor:pointer;background:#1e3c7838;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:18%}.dial-time{font:15px/1 ui-monospace,monospace}.dial-phase{letter-spacing:.14em;text-transform:lowercase;opacity:.85;font:9px/1 ui-sans-serif,system-ui,sans-serif}.dial-play{opacity:.9;margin-top:2px;font-size:9px}.band{-webkit-backdrop-filter:blur(8px);color:#fff;text-shadow:0 1px 6px #14285a8c;-webkit-user-select:none;user-select:none;background:#1e3c7833;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:14px;width:min(520px,100vw - 32px);padding:10px 16px 10px 12px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #14285a40}.band-play{width:34px;height:34px;color:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #fff9;border-radius:50%;flex:none;font-size:11px}.band-track{cursor:grab;touch-action:none;border:1px solid #ffffffb3;border-radius:999px;flex:1;height:14px;position:relative}.band-track:active{cursor:grabbing}.band-track:focus-visible{outline-offset:4px;outline:2px solid #fff}.band-mark{background:#ffffffb3;width:1px;height:5px;position:absolute;top:100%}.band-mark span{opacity:.8;font:9px/1 ui-monospace,monospace;position:absolute;top:7px;left:50%;transform:translate(-50%)}.band-body{z-index:1;pointer-events:none;background:#fff6d8;border-radius:50%;width:24px;height:24px;margin:-12px 0 0 -12px;transition:background .4s,box-shadow .4s;position:absolute;top:50%;box-shadow:0 0 0 2px #ffffffd9,0 0 16px 5px #ffdc8ce6}.band-body.is-moon{background:#1d2756;box-shadow:inset -8px -3px #e8eeff,0 0 14px 3px #aabeff99}.band-readout{flex-direction:column;flex:none;align-items:flex-end;gap:4px;min-width:78px;display:flex}.band-time{font:16px/1 ui-monospace,monospace}.band-phase{letter-spacing:.14em;text-transform:lowercase;opacity:.85;font:10px/1 ui-sans-serif,system-ui,sans-serif}@media (max-width:640px){.dial{--size:112px}.band-readout{min-width:62px}}:root{--cream:#fff8e7;--ink:#2e4f5e}.veil{z-index:20;text-align:center;color:var(--cream);text-shadow:0 1px 2px #142d4199,0 2px 22px #14324b80;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;padding:24px;display:flex;position:fixed;inset:0}.veil-haze{z-index:-1;background:radial-gradient(at 50% 48%,#14324b1f,#14324b80);position:absolute;inset:0}.veil.is-waiting{cursor:default}.veil h1{font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 72;max-width:18em;font-size:clamp(2rem,4.6vw,3.6rem);font-weight:500;line-height:1.1}.veil h1 .word{white-space:nowrap;display:inline-block}.veil h1 .ch{white-space:pre;opacity:0;display:inline-block}.veil .enter{opacity:0;font:inherit;color:var(--ink);text-shadow:none;cursor:inherit;background:#fbf3df;border:0;border-radius:999px;margin-top:.4rem;padding:.5em 1.5em .6em;font-size:1.15rem;font-style:italic;transition:background-color .2s,box-shadow .2s,transform .2s;box-shadow:0 6px 24px #14324b4d}.veil:not(.is-waiting) .enter:hover,.veil .enter:focus-visible{outline:none;transform:scale(1.05);box-shadow:0 8px 30px #14324b66,0 0 0 4px #fbf3df59}.veil-hint{opacity:0;font-size:.92rem;font-style:italic}.loader{justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.loader-sky{background:radial-gradient(at 50% 45%,#fdf7e6 0%,#fbf3df 55%,#f1e6c9 100%);position:absolute;inset:0;overflow:hidden}.loader-sky:after{content:"";opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.5  0 0 0 0 0.42  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.loader-card{color:var(--ink);text-shadow:none;flex-direction:column;align-items:center;max-width:34rem;display:flex;position:relative}.loader-name{letter-spacing:.01em;font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:600;line-height:1}.loader-jp{letter-spacing:.5em;opacity:.9;margin-top:.5rem;padding-left:.5em;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-size:1.05rem}.loader-about{margin-top:1.1rem;font-size:1.08rem;line-height:1.55}.loader-bar{background:#2e4f5e2e;border-radius:3px;width:min(22rem,78vw);height:3px;margin-top:2rem;overflow:hidden}.loader-bar i{background:var(--ink);transform-origin:0;border-radius:3px;height:100%;display:block}.loader-line{opacity:.85;font-variant-numeric:tabular-nums;margin-top:.85rem;font-size:.98rem;font-style:italic}.credits-toggle,.credits-corner{font:inherit;color:var(--cream);text-shadow:0 1px 2px #1e3c5073,0 1px 10px #1e466459;cursor:pointer;background:0 0;border:0;font-size:.92rem;font-style:italic;transition:opacity .15s;position:fixed;bottom:22px}.credits-toggle{animation:.6s ease-out 3.2s both soft-in;left:50%;transform:translate(-50%)}.credits-corner{z-index:8;animation:1.6s ease-out both soft-in;right:24px}.credits-toggle:hover,.credits-corner:hover,.signature:hover{opacity:.7}.credits{text-align:left;width:min(30rem,100vw - 32px);color:var(--ink);text-shadow:none;cursor:default;background:#fbf3df;border-radius:14px;padding:1.1rem 1.3rem;font-size:.88rem;line-height:1.55;position:fixed;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #1e3c5a47,inset 0 0 0 1px #2e4f5e1f}.credits-pop .credits{z-index:9;left:auto;right:20px;transform:none}.credits p+p,.credits ul+p{margin-top:.6rem}.credits .credits-author{font-weight:600}.credits ul{margin-top:.6rem;list-style:none}.credits a{color:inherit;text-underline-offset:2px;text-decoration-color:#2e4f5e73}.signature{z-index:8;color:var(--cream);text-shadow:0 1px 2px #1e3c5073,0 1px 10px #1e466459;font-size:.95rem;font-style:italic;text-decoration:none;transition:opacity .15s;animation:1.6s ease-out both soft-in;position:fixed;top:22px;left:26px}@keyframes soft-in{0%{opacity:0;filter:blur(6px)}}.band,.dial{animation:1.6s ease-out both soft-in}.sc-player{z-index:8;opacity:0;visibility:hidden;pointer-events:none;border:0;border-radius:4px;width:300px;height:20px;position:fixed;top:20px;right:24px}.sc-player.is-on{opacity:.88;visibility:visible;pointer-events:auto;animation:1.6s ease-out both soft-in}@media (max-width:640px){.sc-player{top:max(12px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));width:auto}.signature,.credits-corner{top:calc(max(12px, env(safe-area-inset-top)) + 30px);font-size:.82rem;bottom:auto}.signature{left:max(16px, env(safe-area-inset-left))}.credits-corner{right:max(16px, env(safe-area-inset-right))}.credits-pop .credits{top:calc(max(12px, env(safe-area-inset-top)) + 58px);width:auto;max-height:calc(100dvh - 200px);bottom:auto;left:14px;right:14px;overflow-y:auto}.band{bottom:max(12px, env(safe-area-inset-bottom));gap:10px;width:calc(100vw - 24px);padding:7px 12px 7px 8px}.band-play{width:30px;height:30px}.band-time{font-size:14px}}
