:root{--intro-line-height: 1;--chat-font-size: 14px;--title-collapse-drop: 300px;--ease-expo: cubic-bezier(.16, 1, .3, 1);--info-bar-height: 30px;--screen-radius: 32px;--screen-top-end: var(--info-bar-height);--screen-bottom-end: 5px;--screen-top-start: var(--screen-top-end);--screen-bottom-start: var(--screen-bottom-end);--screen-side: 5px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden;font-family:system-ui,sans-serif}body.preload #intro *{transition:none!important}body.preload #intro-title,body.preload #intro-text{opacity:0!important;transform:none!important}body.preload #intro-text span{opacity:0!important;transform:none!important;transition:none!important}#screen{position:absolute;top:var(--screen-top);left:var(--screen-side);right:var(--screen-side);bottom:var(--screen-bottom);border-radius:var(--screen-radius);overflow:hidden;background:#000;z-index:0;transform:scale(1);transform-origin:center;transition:top 1s var(--ease-expo),bottom 1s var(--ease-expo),transform .36s var(--ease-expo)}#screen{--screen-top: var(--screen-top-start);--screen-bottom: var(--screen-bottom-start)}#screen.reveal{--screen-top: var(--screen-top-end);--screen-bottom: var(--screen-bottom-end)}#screen.cam-fade-on{transform:scale(.985);filter:blur(.8px);transition:transform .36s var(--ease-expo),filter .36s var(--ease-expo);will-change:transform,filter}#screen.cam-fade-on #cam-fade{filter:none;z-index:4}#video-layer-a,#video-layer-b{position:absolute;inset:0}.video-el{position:absolute;top:calc(-1 * var(--screen-top));left:calc(-1 * var(--screen-side));width:100vw;height:100vh;object-fit:cover;display:block;background:#000;opacity:0;transition:opacity 1s var(--ease-expo);will-change:opacity}#screen.reveal .video-el{opacity:1}#cam-fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:3;transition:opacity .36s var(--ease-expo);will-change:opacity}#screen.cam-fade-on #cam-fade{opacity:1}#info-bar{position:fixed;top:0;left:5px;right:5px;height:var(--info-bar-height);padding:0 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:transparent;z-index:8;pointer-events:none}#info-bar .info-col{display:flex;align-items:center;height:100%;gap:10px;position:relative;z-index:1}#info-bar .info-left{justify-content:flex-start}#info-bar .info-center{justify-content:center}#info-bar .info-right{justify-content:flex-end;gap:8px}#info-time{font-family:Roboto,system-ui,sans-serif;font-weight:300;font-size:12px;letter-spacing:.12em;color:#ffffffe6;text-transform:uppercase}.status-icon{display:inline-flex;align-items:center;color:#ffffffe6}.status-text{font-family:Roboto,system-ui,sans-serif;font-weight:300;font-size:11px;letter-spacing:.1em;color:#ffffffbf;min-width:3ch;text-align:right}#intro{position:absolute;inset:0;z-index:5;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;--lift: 0px}#intro.intro-title-in,#intro.intro-btn-in,#intro.subscribe-open,#intro button,#intro input,#intro form,#intro label{pointer-events:auto}#intro-text{pointer-events:none}#intro-inner{width:min(560px,92vw);height:clamp(260px,32vh,360px);position:absolute;left:50%;bottom:80px;transform:translate(-50%);will-change:transform}.panel{position:absolute;inset:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:26px;transition:opacity .5s ease,transform .6s var(--ease-expo),filter .6s var(--ease-expo);will-change:opacity,transform}.panel-a{z-index:2}.panel-b{z-index:1}.panel-a{opacity:1;transform:translateY(0);pointer-events:auto}.panel-b{opacity:0;transform:translateY(100%);pointer-events:none}#intro.subscribe-open .panel-a{opacity:.2;transform:translateY(-100%);pointer-events:none;filter:blur(3px)}#intro.subscribe-open .panel-b{opacity:1;transform:translateY(0);pointer-events:auto}#subscribe-dismiss{position:absolute;inset:0;z-index:1;cursor:pointer}#intro-title-wrap{position:relative;display:flex;justify-content:center;align-items:flex-end;width:100%}#skip-chat{appearance:none;-webkit-appearance:none;border:0;padding:0 20px;position:absolute;right:calc((100% - min(520px,90vw))/2);bottom:2px;background:transparent;color:#ffffffb3;font-family:Roboto,system-ui,sans-serif;font-weight:300;font-size:12px;letter-spacing:.12em;text-transform:lowercase;cursor:pointer;opacity:0;--skip-y: 8px;transform:translateY(calc(var(--skip-y) + var(--lift)));pointer-events:none;transition:opacity .65s var(--ease-expo),transform .65s var(--ease-expo),color .25s ease}#intro.skip-in #skip-chat{opacity:1;--skip-y: 8px;transform:translateY(calc(var(--skip-y) + var(--lift)));pointer-events:auto}#skip-chat:hover{color:#ffffffeb}#intro-title{font-family:Kaisei Tokumin,serif;font-weight:200;font-size:64px;line-height:.6;letter-spacing:.01em;text-transform:lowercase;color:#ffffffeb;opacity:0;pointer-events:none;cursor:default;transform:translateY(var(--lift)) scale(1);transform-origin:center;transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}#intro.title-ready #intro-title:hover{transform:translateY(var(--lift)) scale(1.035)}#intro-title span{display:block}#intro-title .t2{padding-left:32px}#intro.intro-title-in #intro-title{opacity:1}#intro.intro-title-up #intro-title{transform:translateY(calc(-18px + var(--lift))) scale(1)}#intro.intro-title-up.title-ready #intro-title:hover{transform:translateY(calc(-18px + var(--lift))) scale(1.035)}#intro.intro-title-up #skip-chat{transform:translateY(calc(-18px + var(--skip-y) + var(--lift)))}#intro.title-ready #intro-title{pointer-events:auto;cursor:pointer}#intro.chat-collapsed{--lift: var(--title-collapse-drop)}#intro-text{width:min(520px,90vw);align-self:flex-start;text-align:left;display:flex;flex-direction:column;gap:24px;margin-bottom:6px;font-family:Roboto,system-ui,sans-serif;font-weight:200;font-size:var(--chat-font-size);line-height:1.35;color:#ffffffeb}#intro-text .chat-log{display:flex;flex-direction:column;gap:2px;align-items:flex-end}#intro-text .bubble{display:inline-block;width:fit-content;max-width:78%;align-self:flex-end;padding:10px 12px;border-radius:14px;background:#ffffffeb;color:#000000e6;opacity:0;transform:translateY(10px);transition:opacity .42s var(--ease-expo),transform .42s var(--ease-expo)}#intro-text .bubble.in{opacity:1;transform:translateY(0)}#intro-text .bubble.wide{max-width:min(520px,86vw)}#intro-text .bubble.righttext{text-align:right}#typing{line-height:var(--intro-line-height)}#intro-text .em{font-size:130%;font-weight:300;line-height:var(--intro-line-height)}#intro-text .composer{padding:0;border:0;background:transparent;border-radius:0;width:auto}#intro-text #typing:after{content:"|";margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}#intro-text.no-cursor #typing:after{content:"";animation:none}#intro-text .bubble.final{position:relative;display:block;margin-left:auto;margin-right:auto;background:transparent;color:#fffffff2;padding:26px 0;border-radius:0;align-self:center;text-align:center;font-family:Roboto,system-ui,sans-serif;font-weight:1200;font-size:20px;letter-spacing:.04em;max-width:none}#intro-text .bubble.final:before,#intro-text .bubble.final:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:calc(100vw - (2 * var(--screen-side)));height:1px;background:#ffffff73;pointer-events:none}#intro-text .bubble.final:before{top:10px}#intro-text .bubble.final:after{bottom:10px}#intro.chat-collapsed .composer{opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease}#intro.chat-collapsed .bubble:not(.final){opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease}#intro.chat-collapsed .bubble.final{opacity:1;transform:translateY(0)}#subscribe-form{width:min(500px,90vw);display:flex;flex-direction:column;gap:12px;position:relative;z-index:2;padding-bottom:40px}#hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}#email{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fffffff2;outline:none;font-size:16px}#email::placeholder{color:#ffffff8c}.pillbtn{white-space:nowrap;width:auto;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fffffff2;letter-spacing:.12em;font-size:12px;cursor:pointer;position:relative;z-index:51;transition:background .3s ease,border-color .3s ease,transform .3s ease,backdrop-filter .3s ease}.pillbtn:hover{background:#ffffff2e;border-color:#fff6;transform:translateY(-1px)}.pillbtn--icon{padding-left:16px;padding-right:16px}#ui-bar{position:absolute;left:0;right:0;bottom:calc(22px + (var(--screen-bottom-end) - var(--screen-bottom)));padding:0 22px;z-index:7;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-expo)}#ui-bar *{pointer-events:auto}body.ui-on #ui-bar{opacity:1}#cam-controls{justify-self:start;display:flex;gap:10px}#action-slot{position:relative;justify-self:center;height:44px;width:min(520px,92vw);display:flex;align-items:center;justify-content:center}#action-slot>button{position:absolute;left:50%;transform:translate(-50%) translateY(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}#intro.intro-btn-in~#ui-bar #intro-btn{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}#intro.subscribe-open~#ui-bar #subscribe-submit{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}#intro.subscribe-open~#ui-bar #intro-btn{opacity:0;visibility:hidden;pointer-events:none}#subscribe-msg{width:100%;text-align:center;margin-top:10px;font-family:Roboto,system-ui,sans-serif;font-weight:300;font-size:13px;letter-spacing:.02em;color:#ffffffe0;min-height:1.2em}