:root{--accent:#34bdec;--accent-soft:#8fd9f4;--accent-ink:#1a8fcf;--bg-top:#fff;--bg-bottom:#eef1f4;--text:#3d4652;--text-muted:#8a9099;--clock:#a3a9b1;--tile-edge:#bcc1c8;--arrow-w:40px;--arrow-edge:clamp(8px, 1.6vw, 28px);--bar-top:#fbfcfd;--bar-bottom:#d4d8dd;--s:1.44;--bar-h:calc(130px * var(--s));--clock-space:calc(34px * var(--s));--peek:clamp(28px, 4vw, 76px);--page-gap-min:32px;--font:"M PLUS Rounded 1c", "Nunito", system-ui, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1200px){:root{--s:1.25}}@media (width>=901px) and (height<=720px){:root{--s:1.2}}@media (width<=900px){:root{--s:.95;--arrow-w:34px;--peek:24px;--page-gap-min:20px}}@media (width<=600px){:root{--s:.66;--arrow-w:24px;--arrow-edge:5px;--peek:14px;--page-gap-min:12px}}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:repeating-linear-gradient(to bottom, #78879b1c 0 1px, transparent 1px 3px), linear-gradient(var(--bg-top), var(--bg-bottom));background-attachment:fixed;min-height:100dvh}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.channel-tile{--frame:5px;--radius-x:11%;--radius-y:17.6%;aspect-ratio:16/10;width:100%;padding:var(--frame);border-radius:var(--radius-x) / var(--radius-y);box-shadow:0 0 0 1.5px var(--tile-edge), inset 0 1.5px 0 #fffffff2, inset 0 -1.5px 2px #5a647314, 0 2px 3px #3c4b5f14;color:inherit;font:inherit;background:linear-gradient(#fafbfb 0%,#eef0f2 55%,#e1e4e8 100%);border:0;display:block;position:relative}.channel-tile__screen{border-radius:calc(var(--radius-x) - 4px) / calc(var(--radius-y) - 6px);background:linear-gradient(170deg, var(--tile-from), var(--tile-to));height:100%;color:var(--tile-ink);flex-direction:column;justify-content:center;align-items:center;gap:.35em;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #46505f24,inset 0 2px 3px #28324129;container-type:inline-size}.channel-tile__screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(#00000007 0 1px,#0000 1px 3px);position:absolute;inset:0}button.channel-tile{cursor:pointer;transition:transform .18s}button.channel-tile .channel-tile__screen:before{content:"";pointer-events:none;background:linear-gradient(#ffffff29,#fff0);position:absolute;inset:0 0 55%}button.channel-tile:hover,button.channel-tile:focus-visible{z-index:1;outline:none;animation:1.8s ease-in-out infinite tile-glow;transform:scale(1.04)}button.channel-tile:active{transform:scale(1.01)}@keyframes tile-glow{0%,to{box-shadow:0 0 0 3px var(--accent), 0 0 12px 2px #34bdec66, inset 0 1.5px 0 #fffffff2}50%{box-shadow:0 0 0 3px var(--accent-soft), 0 0 18px 4px #34bdec40, inset 0 1.5px 0 #fffffff2}}.channel-tile__icon{width:22cqi;height:22cqi;animation:5s ease-in-out infinite tile-float;animation-delay:var(--tile-delay,0s);position:relative}@keyframes tile-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4%)}}.channel-tile__title{letter-spacing:.01em;font-size:max(13px,9cqi);font-weight:800;line-height:1.1;position:relative}.channel-tile__tagline{opacity:.8;font-size:max(10px,5.4cqi);font-weight:500;line-height:1.2;position:relative}.channel-tile--empty{cursor:default}.channel-tile--empty .channel-tile__screen{background:repeating-linear-gradient(#eceef1 0 2px,#e3e6e9 2px 4px);box-shadow:inset 0 0 0 1px #46505f1a,inset 0 2px 4px #2832411a}.channel-tile--empty .channel-tile__screen:after{display:none}@media (prefers-reduced-motion:reduce){button.channel-tile,.channel-tile__icon{transition:none;animation:none!important}button.channel-tile:hover,button.channel-tile:focus-visible{box-shadow:0 0 0 3px var(--accent), 0 0 12px 2px #34bdec66}}.channel-grid{gap:var(--gap);grid-template-columns:repeat(4,1fr);width:100%;margin:0;padding:0;list-style:none;display:grid}@media (width<=900px){.channel-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.channel-grid{grid-template-columns:repeat(2,1fr)}.channel-grid__slot--empty{display:none}}.page-arrow{width:var(--arrow-w);aspect-ratio:48/64;cursor:pointer;background:0 0;border:0;padding:0;transition:opacity .25s;transform:translateY(-50%)}.page-arrow svg{filter:drop-shadow(0 1px 2px #28466e2e);width:100%;height:100%;animation:2.2s ease-in-out infinite arrow-nudge;display:block;overflow:visible}.page-arrow--left svg{scale:-1 1}.page-arrow__shape{stroke:var(--accent);stroke-width:3px;stroke-linejoin:round;transition:filter .15s}.page-arrow__highlight{stroke:#ffffffe6;stroke-width:2.5px;stroke-linecap:round}.page-arrow:hover .page-arrow__shape,.page-arrow:focus-visible .page-arrow__shape{filter:drop-shadow(0 0 6px #34bdeccc)}.page-arrow:focus-visible{outline:none}.page-arrow.is-hidden{opacity:0;pointer-events:none}@keyframes arrow-nudge{0%,to{translate:0}50%{translate:4px}}@media (prefers-reduced-motion:reduce){.page-arrow{transition:none}.page-arrow svg{animation:none}}.pager{--gap:clamp(12px, 1.5vw, 28px);flex:1;min-width:0}.pager__viewport{--bleed:18px;margin-block:calc(-1 * var(--bleed));padding-block:var(--bleed);touch-action:pan-y;overflow:hidden;container-type:inline-size}.pager__track{--page-w:min(1880px, calc(100cqw - 2 * (var(--peek) + var(--page-gap-min))), calc((100dvh - var(--bar-h) - var(--clock-space) - 52px) * 2.133 - var(--gap) * 1.27));--side:calc((100cqw - var(--page-w)) / 2);--page-gap:max(var(--page-gap-min), calc(var(--side) - var(--peek)));align-items:flex-start;gap:var(--page-gap);transform:translateX(calc(var(--side) - var(--page,0) * (var(--page-w) + var(--page-gap))));transition:transform .55s cubic-bezier(.3,.7,.2,1);display:flex}.pager__page{flex:0 0 var(--page-w)}.pager__page[inert]{cursor:default}@media (width<=900px){.pager__track{--page-w:calc(100cqw - 2 * (var(--peek) + var(--page-gap-min)))}}.pager .page-arrow{top:calc((100dvh - var(--bar-h) - var(--clock-space)) / 2 + 8px);z-index:5;position:fixed}.pager .page-arrow--left{left:var(--arrow-edge)}.pager .page-arrow--right{right:var(--arrow-edge)}@media (prefers-reduced-motion:reduce){.pager__track{transition:none}}.round-button{width:var(--round-size);height:var(--round-size);color:var(--accent-ink);font:inherit;cursor:pointer;background:linear-gradient(#fff 0%,#f1f3f5 50%,#e2e5e9 100%);border:1px solid #c4c9cf;border-radius:50%;place-items:center;padding:0;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:inset 0 1.5px #fff,inset 0 -2px 4px #505a6914,0 1px 2px #2832412e}.round-button:hover,.round-button:focus-visible{box-shadow:0 0 0 2.5px var(--accent), 0 0 12px 2px #34bdec73, inset 0 1.5px 0 #fff;outline:none}.round-button:active{box-shadow:0 0 0 2.5px var(--accent), inset 0 2px 4px #2832411f;transform:scale(.96)}@media (prefers-reduced-motion:reduce){.round-button{transition:none}}.sound-toggle{width:max(26px, calc(30px * var(--s)));height:max(26px, calc(30px * var(--s)));color:#9aa1aa;font:inherit;cursor:pointer;background:linear-gradient(#fff,#e6e9ec);border:1px solid #c4c9cf;border-radius:50%;place-items:center;padding:0;transition:box-shadow .15s,color .15s;display:grid;box-shadow:inset 0 1px #fff,0 1px 2px #28324124}.sound-toggle.is-on{color:var(--accent-ink)}.sound-toggle:hover,.sound-toggle:focus-visible{box-shadow:0 0 0 2px var(--accent), 0 0 8px 1px #34bdec73, inset 0 1px 0 #fff;outline:none}.sound-toggle__icon{width:62%;height:62%}@media (prefers-reduced-motion:reduce){.sound-toggle{transition:none}}.bottom-bar{--bar-mid:calc(44px * var(--s));--cap-w:calc(200px * var(--s));--round-size:calc(90px * var(--s));z-index:10;grid-template-columns:var(--cap-w) 1fr var(--cap-w);height:var(--bar-h);filter:drop-shadow(0 -1px 4px #28466e12);display:grid;position:fixed;inset:auto 0 0}.bottom-bar__cap{position:relative}.bottom-bar__cap--right,.bottom-bar__cap--right .bottom-bar__button{scale:-1 1}.bottom-bar__cap-shape{width:var(--cap-w);height:var(--bar-h);display:block}.bottom-bar__edge{fill:none;stroke:var(--accent);stroke-width:3px}.bottom-bar__edge-glow{fill:none;stroke:var(--accent);stroke-width:8px;stroke-opacity:.16}.bottom-bar__groove{fill:none;stroke:#fffffff2;stroke-width:1.5px}.bottom-bar__socket-rim{fill:none;stroke:#46505f29;stroke-width:1px}.bottom-bar__socket-light{fill:none;stroke:#fff;stroke-width:1.5px}.bottom-bar__button{left:calc(72px * var(--s) - var(--round-size) / 2);top:calc(72px * var(--s) - var(--round-size) / 2);position:absolute}.bottom-bar__monogram{font-size:calc(29px * var(--s));letter-spacing:-.02em;color:#9aa1aa;text-shadow:0 1px #fff;font-weight:800}.bottom-bar__icon{width:44%;height:44%}.bottom-bar__middle{--groove-y:calc(5.5px * var(--s) + 1.5px);margin:calc(var(--bar-mid) - 1.5px) -1px 0;border-top:3px solid var(--accent);background:linear-gradient(to bottom, transparent calc(var(--groove-y) - .75px), #fffffff2 calc(var(--groove-y) - .75px) calc(var(--groove-y) + .75px), transparent calc(var(--groove-y) + .75px)) 0 0 / 100% 100% no-repeat, linear-gradient(var(--bar-top), var(--bar-bottom)) 0 calc(-1 * var(--bar-mid)) / 100% var(--bar-h) no-repeat;background-origin:border-box;justify-content:center;align-items:center;display:flex;box-shadow:0 -3px 4px -2px #34bdec59}.bottom-bar__date{font-size:calc(24px * var(--s));letter-spacing:.04em;color:var(--text-muted);text-shadow:0 1px #fff;font-weight:700}.bottom-bar__date-wrap{position:relative}.bottom-bar__sound{top:50%;left:calc(100% + max(10px, 16px * var(--s)));position:absolute;transform:translateY(-50%)}@media (width<=600px){.bottom-bar__date-wrap{align-items:center;gap:6px;display:inline-flex}.bottom-bar__sound{flex-shrink:0;width:24px;height:24px;position:static;transform:none}}.bottom-bar__clock{left:50%;bottom:calc(var(--bar-h) - var(--bar-mid) + 6px);font-size:calc(52px * var(--s));letter-spacing:.02em;color:var(--clock);text-shadow:0 1px #fff;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;align-items:baseline;font-weight:500;line-height:1;display:flex;position:absolute;transform:translate(-50%)}.bottom-bar__colon{margin:0 .04em;animation:2s step-end infinite clock-blink}.bottom-bar__period{margin-left:.3em;font-size:.38em;font-weight:700}@keyframes clock-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.bottom-bar__colon{animation:none}}.artwork{width:100%;height:100%;color:var(--art-ink);place-items:center;display:grid;position:relative;overflow:hidden}.artwork__content{text-align:center;flex-direction:column;align-items:center;gap:1.6cqmin;padding:4cqmin;display:flex;position:relative}.artwork__title{letter-spacing:.01em;margin:0;font-size:clamp(28px,9cqmin,104px);font-weight:800;line-height:1.05}.artwork__tagline{opacity:.85;margin:0;font-size:clamp(14px,3.4cqmin,36px);font-weight:500}.artwork__icon{width:clamp(64px,24cqmin,240px);height:clamp(64px,24cqmin,240px)}.artwork__bubble{background:radial-gradient(circle at 35% 30%,#ffffffb3,#fff0 70%);border-radius:50%;animation:9s ease-in-out infinite artwork-drift;position:absolute}@keyframes artwork-drift{0%,to{translate:0}50%{translate:0 -3cqmin}}.artwork-about__avatar{aspect-ratio:1;background:linear-gradient(#fff,#e3f1f8);border-radius:50%;place-items:center;width:clamp(96px,30cqmin,300px);display:grid;box-shadow:0 0 0 clamp(4px,1.1cqmin,10px) #ffffffe6,0 0 0 clamp(6px,1.6cqmin,14px) #34bdec59,0 6px 20px #1e5a8c26}.artwork-about__avatar svg{width:56%;height:56%}.artwork-project__window{text-align:left;background:#fffffff2;border-radius:clamp(10px,2.4cqmin,24px);width:clamp(220px,62cqmin,640px);overflow:hidden;box-shadow:0 10px 34px #0a326447}.artwork-project__bar{background:linear-gradient(#f3f6f9,#dfe6ee);gap:clamp(5px,1.2cqmin,10px);padding:clamp(8px,2cqmin,16px);display:flex}.artwork-project__bar span{aspect-ratio:1;background:#b9c3cf;border-radius:50%;width:clamp(8px,1.8cqmin,14px)}.artwork-project__code{gap:clamp(7px,1.8cqmin,16px);padding:clamp(14px,3.6cqmin,32px);display:grid}.artwork-project__line{background:var(--line,#cfe3f3);height:clamp(8px,1.9cqmin,16px);animation:3.2s ease-in-out infinite artwork-type;animation-delay:var(--delay,0s);transform-origin:0;border-radius:99px}@keyframes artwork-type{0%,to{scale:1}50%{scale:.82 1}}@media (prefers-reduced-motion:reduce){.artwork__bubble,.artwork-project__line{animation:none}}html.is-channel-open{overflow:hidden}.channel-preview{z-index:50;overscroll-behavior:contain;position:fixed;inset:0;overflow:hidden}.channel-preview__window{--panel-h:clamp(132px, 27vh, 240px);transform-origin:50%;will-change:transform, clip-path;background:#eef1f4;flex-direction:column;display:flex;position:absolute;inset:0}.channel-preview__stage{flex:1;min-height:0;position:relative;overflow:hidden}.channel-preview__art{--art-ink:var(--tile-ink);background:linear-gradient(170deg, var(--tile-from), var(--tile-to));color:var(--tile-ink);position:absolute;inset:0;container-type:size}.channel-preview__art:after{content:"";pointer-events:none;background:repeating-linear-gradient(#00000007 0 1px,#0000 1px 3px);position:absolute;inset:0}.channel-preview__arrow{z-index:2;--arrow-w:clamp(28px, 3.4vw, 48px);position:absolute;top:50%}.channel-preview__arrow.page-arrow--left{left:clamp(8px,2.4vw,40px)}.channel-preview__arrow.page-arrow--right{right:clamp(8px,2.4vw,40px)}.channel-preview__panel{flex:0 0 var(--panel-h);background:repeating-linear-gradient(#78879b12 0 1px,#0000 1px 3px),linear-gradient(#fbfcfd,#dde1e6);border-top:1px solid #c9ced5;justify-content:space-evenly;align-items:center;gap:16px;padding:0 clamp(14px,4vw,64px);display:flex;box-shadow:inset 0 1px #fff}.preview-button{color:#5a636e;width:min(42vw,480px);height:clamp(60px,min(13vh,19vw),124px);font:inherit;letter-spacing:.02em;text-shadow:0 1px #fff;cursor:pointer;background:linear-gradient(#fff 0%,#fafbfc 30%,#eceef1 70%,#dfe2e6 100%);border:3px solid #c6cbd1;border-radius:999px;flex:0 auto;padding:0 .6em;font-size:clamp(18px,2.3vw + .7vh,38px);font-weight:700;transition:transform .15s,border-color .15s,box-shadow .15s,color .15s;box-shadow:inset 0 3px 1px #fffffff2,inset 0 -5px 10px #5a647317,0 0 0 1px #fffc,0 3px 6px #2832411f}.preview-button:enabled:hover,.preview-button:enabled:focus-visible{border-color:var(--accent);color:var(--accent-ink);box-shadow:inset 0 3px 1px #fffffff2, inset 0 -5px 10px #5a64730f, 0 0 0 2px var(--accent-soft), 0 0 20px 4px #34bdec66;outline:none;transform:scale(1.04)}.preview-button:enabled:active{transform:scale(.98)}.preview-button:disabled{color:#5a636e;cursor:default}@media (prefers-reduced-motion:reduce){.preview-button{transition:none}.preview-button:enabled:hover,.preview-button:enabled:focus-visible,.preview-button:enabled:active{transform:none}}.home-menu{min-height:100dvh}.home-menu__main{min-height:100dvh;padding:clamp(14px, 3vh, 32px) 0 calc(var(--bar-h) + var(--clock-space));align-items:center;display:flex}@media (hover:hover) and (pointer:fine) and (forced-colors:none){html,html *{cursor:url(/cursors/hand.png) 17 3,auto!important;cursor:-webkit-image-set(url(/cursors/hand.png) 1x, url(/cursors/hand@2x.png) 2x) 17 3, url(/cursors/hand.png) 17 3, auto!important;cursor:image-set(url(/cursors/hand.png) 1x, url(/cursors/hand@2x.png) 2x) 17 3, url(/cursors/hand.png) 17 3, auto!important}html.is-pressing,html.is-pressing *{cursor:url(/cursors/hand-pressed.png) 17 3,auto!important;cursor:-webkit-image-set(url(/cursors/hand-pressed.png) 1x, url(/cursors/hand-pressed@2x.png) 2x) 17 3, url(/cursors/hand-pressed.png) 17 3, auto!important;cursor:image-set(url(/cursors/hand-pressed.png) 1x, url(/cursors/hand-pressed@2x.png) 2x) 17 3, url(/cursors/hand-pressed.png) 17 3, auto!important}}