:root{--ink:#16352c;--muted:#4d6b5f;--line:#16352c24;--mint:#cfe8d8;--sage:#d7eee3;--paper:#dceee4;--deep:#10241c;--display:"Syne", sans-serif;--serif:"Fraunces", serif;--sans:"IBM Plex Sans", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{cursor:none}body{color:var(--ink);font-family:var(--sans);cursor:none;background:radial-gradient(900px 520px at 50% -8%,#eaf7ef 0%,#0000 58%),radial-gradient(700px 420px at 100% 20%,#c7e6d4 0%,#0000 55%),linear-gradient(#d8eee3 0%,#cfe6d8 42%,#dbeee4 100%);margin:0}img{max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}textarea,input{cursor:text}.cursor-arrow{pointer-events:none;z-index:90;will-change:transform;width:30px;height:37px;margin-top:-2px;margin-left:-3px;transition:opacity .15s linear;position:fixed;top:0;left:0}.cursor-arrow img{object-fit:contain;width:100%;height:100%;display:block}.site{z-index:1;position:relative}.intro{z-index:8;height:440vh;position:relative}.intro-stage{--cp:0;--mp:0;--mo:0;--lift:0;--hint:1;perspective:1500px;height:100vh;opacity:calc(1 - var(--lift));transform:translateY(calc(var(--lift) * -10vh)) scale(calc(1 - .05 * var(--lift)));will-change:transform, opacity;position:sticky;top:0;overflow:hidden}.intro-sky{z-index:1;opacity:calc(1 - .45 * var(--cp));background:linear-gradient(#eef8f3 0%,#d8eee4 48%,#cfe6d8 100%);position:absolute;inset:0}.intro-mascot{z-index:2;width:clamp(96px,14vw,188px);opacity:calc(var(--mp) - var(--mo));transform:translate(-50%, -50%) scale(calc(.52 + .48 * var(--mp) - .2 * var(--mo)));will-change:transform, opacity;position:absolute;top:34%;left:50%}.intro-mascot img{border-radius:30%;width:100%;animation:4.8s ease-in-out infinite mascot-float;display:block;box-shadow:0 26px 60px #10241c2e}@keyframes mascot-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7%)rotate(2deg)}}.intro-word{z-index:3;justify-content:center;align-items:flex-end;gap:clamp(0px,.45vw,8px);width:min(92vw,980px);padding:0;display:flex;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.intro-letter{--lp:0;opacity:var(--lp);transform:translate3d(calc(var(--fx) * (1 - var(--lp))), calc(var(--fy) * (1 - var(--lp))), 0) rotate(calc(var(--fr) * (1 - var(--lp)))) scale(calc(.68 + .32 * var(--lp)));will-change:transform, opacity;flex:none}.intro-letter img{filter:drop-shadow(0 12px 20px #10241c29);width:auto;max-width:none;height:clamp(28px,8vw,112px);animation:3.8s ease-in-out infinite letter-bob;animation-delay:calc(var(--i) * .14s);display:block}@keyframes letter-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)}}.intro-clouds{z-index:6;transform-style:preserve-3d;transform:translateZ(calc(var(--cp) * 260px));position:absolute;inset:-8%}.intro-cloud{transform:translate(calc(-50% + var(--x) + (var(--ex) - var(--x)) * var(--cp)), calc(-50% + var(--y) + (var(--ey) - var(--y)) * var(--cp))) rotate(var(--rot)) scale(calc(1 + .55 * var(--cp)));will-change:transform;filter:drop-shadow(0 22px 36px #10241c24);position:absolute;top:50%;left:50%}.intro-cloud-bob{animation:5.6s ease-in-out infinite cloud-bob}.intro-cloud.is-flip img{transform:scaleX(-1)}.intro-cloud img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}@keyframes cloud-bob{0%,to{transform:translate(0,0)}50%{transform:translate(1.2%,-1.8%)}}.intro-hint{z-index:9;text-align:center;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);opacity:var(--hint);margin:0;font-size:12px;animation:2.4s ease-in-out infinite hint-pulse;position:absolute;bottom:40px;left:0;right:0}@keyframes hint-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.nav{border:1px solid var(--line);z-index:20;background:#e8f4edeb;border-radius:999px;align-items:center;gap:16px;width:min(1180px,100% - 28px);margin:16px auto 0;padding:10px 12px;transition:background .4s,box-shadow .4s,transform .5s cubic-bezier(.22,1,.36,1);display:flex;position:sticky;top:12px;box-shadow:0 10px 40px #10241c0f}.nav.nav-on-channel{top:max(12px, env(safe-area-inset-top));z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#e8f4edf0;width:min(1180px,100% - 24px);margin:0;position:absolute;left:50%;transform:translate(-50%)}.nav.nav-on-channel:hover{transform:translate(-50%)}.logo{font-family:var(--display);letter-spacing:-.04em;align-items:center;gap:10px;font-weight:700;display:flex}.logo img{object-fit:cover;border-radius:50%;width:36px;height:36px}.nav-ca{min-width:0;color:var(--ink);letter-spacing:.01em;text-align:left;white-space:nowrap;cursor:none;background:0 0;border:0;flex:1;align-items:center;gap:8px;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:13px;display:inline-flex;overflow:hidden}.nav-ca span{text-overflow:ellipsis;min-width:0;overflow:hidden}.nav-ca em{font-style:normal;font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex:none;font-size:10px}.nav-ca:hover em,.nav-ca.is-copied em{color:var(--ink)}.nav-right{align-items:center;gap:18px;margin-left:auto;display:flex}.tabs{background:0 0;align-items:center;gap:14px;padding:0;display:flex}.tab{border:1px solid var(--line);color:var(--muted);cursor:none;letter-spacing:.04em;background:#f7fffbb3;border-radius:999px;padding:8px 16px;font-size:13px;transition:background .25s,color .25s,border-color .25s}.tab.is-on{background:var(--deep);color:#eaf7ef;border-color:var(--deep)}.tab-x{width:40px;height:40px;color:var(--ink);place-items:center;padding:0;display:grid}.tab-x svg{width:14px;height:14px;display:block}.tab-x:hover{background:var(--deep);color:#eaf7ef;border-color:var(--deep)}.tab-live{align-items:center;gap:8px;padding-inline:14px 12px;display:inline-flex}.watchers{font-variant-numeric:tabular-nums;letter-spacing:0;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.watchers svg{width:14px;height:14px;display:block}.online{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.online i{background:#e15b6e;border-radius:50%;width:7px;height:7px;animation:1.8s infinite live}@keyframes live{70%{box-shadow:0 0 0 8px #e15b6e00}}.btn,.ghost{cursor:none;border:0;border-radius:999px;padding:11px 16px;transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .45s,border-color .3s}.btn{background:var(--deep);color:#eaf7ef;box-shadow:0 8px 20px #10241c29}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #10241c38}.btn:active,.ghost:active{transform:translateY(0)scale(.98)}.ghost{border:1px solid var(--line);background:0 0}.ghost:hover{background:#f4fff9b3;transform:translateY(-1px)}.hero{text-align:center;width:min(860px,100% - 28px);margin:48px auto 8px}.site.is-in .nav,.site.is-in .hero .eyebrow,.site.is-in .hero h1,.site.is-in .hero .lead,.site.is-in .studio,.site.is-in .info,.site.is-in .admin,.site.is-in .foot{animation:1.05s cubic-bezier(.22,1,.36,1) both rise-in}.site.is-in .hero .eyebrow{animation-delay:40ms}.site.is-in .hero h1{animation-delay:.12s}.site.is-in .hero .lead{animation-delay:.22s}.site.is-in .studio{animation-delay:.28s}.site.is-in .info,.site.is-in .admin{animation-delay:.12s}.site.is-in .foot{animation-delay:.4s}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.site.is-in .nav.nav-on-channel{animation-name:rise-in-nav}@keyframes rise-in-nav{0%{opacity:0;transform:translate(-50%)translateY(18px)}to{opacity:1;transform:translate(-50%)}}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:12px}h1,h2,h3{font-family:var(--display);letter-spacing:-.05em}h1{margin:0;font-size:clamp(42px,7vw,80px);line-height:.92}h1 em{font-family:var(--serif);font-style:italic;font-weight:400;display:block}.lead{max-width:34rem;color:var(--muted);margin:18px auto 0;font-size:18px;line-height:1.55}.studio-wrap{width:min(1180px,100% - 28px);margin:28px auto 36px}.studio{grid-template-columns:minmax(280px,420px) 1fr;align-items:stretch;gap:18px;min-height:74vh;display:grid}.phone{aspect-ratio:9/16;background:#10241c;border-radius:32px;width:100%;max-height:78vh;position:relative;overflow:hidden;box-shadow:0 24px 60px #10231d29}.player-frame,.empty-phone{position:absolute;inset:0}.player-frame video{object-fit:cover;width:100%;height:100%;display:block}.still-fallback{color:#eaf7ef;height:100%;font-family:var(--serif);padding:48px 24px;font-size:28px}.player-top,.player-bottom,.player-caption{z-index:2;position:absolute;left:16px;right:16px}.player-top{color:#eaf7ef;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font-size:12px;display:flex;top:16px}.player-caption{color:var(--ink);font-family:var(--display);background:#e8f5edf0;border-radius:14px;padding:10px 12px;font-size:18px;bottom:108px}.player-bottom{color:#eaf7ef;background:linear-gradient(#0000,#08120eb3);padding:18px 0 16px;bottom:0}.player-bottom p{opacity:.9;margin:0 0 10px;font-size:13px}.bar{background:#16352c24;border-radius:99px;height:3px;overflow:hidden}.bar b{background:var(--deep);width:0;height:100%;transition:width .3s linear;display:block}.bubble .bar{margin-top:8px}.empty-phone{background:linear-gradient(#d7eee3,#c3e0d0);place-items:center;display:grid}.empty-phone img{border-radius:28px;width:42%}.loop-chip{z-index:6;color:#eaf7ef;letter-spacing:.04em;text-align:center;pointer-events:none;background:#10241cc7;border-radius:14px;padding:10px 12px;font-size:12px;position:absolute;bottom:14px;left:12px;right:12px}.theater-close:hover{background:var(--deep);color:#eaf7ef;border-color:var(--deep)}.site.is-theater .nav,.site.is-theater .hero,.site.is-theater .foot,.site.is-theater .chat-col{display:none}.site.is-theater .studio-wrap{place-items:center;width:auto;min-height:100vh;margin:0;display:grid}.site.is-theater .studio{grid-template-columns:1fr;place-items:center;width:auto;min-height:100vh}.site.is-theater .phone{width:min(430px,56.25vh - 16px);max-height:calc(100vh - 28px)}.info{width:min(860px,100% - 28px);margin:48px auto 28px}.info-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;display:grid}.info-grid article{border:1px solid var(--line);background:#f4fff98c;border-radius:22px;padding:20px 20px 18px}.info-grid h2{margin:0 0 8px;font-size:18px}.info-grid p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.render-sheet{z-index:5;color:#eaf7ef;background:#10241cdb;border-radius:20px;padding:16px;position:absolute;bottom:16px;left:14px;right:14px}.render-sheet h3{margin:6px 0 8px;font-size:20px;line-height:1.2}.render-sheet p{opacity:.8;margin:0 0 10px}.sound-hint{z-index:4;text-align:center;color:#eaf7ef;font-size:13px;position:absolute;inset:auto 16px 86px}.chat-card{border:1px solid var(--line);background:#e8f4edf0;border-radius:28px;flex-direction:column;height:100%;min-height:620px;display:flex;overflow:hidden;box-shadow:0 18px 50px #10241c0f}.chat-head{border-bottom:1px solid var(--line);padding:16px 18px}.chat-head span{color:var(--muted);font-size:13px;display:block}.chat-log{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow:auto}.row{max-width:94%;display:flex}.row.me{align-self:flex-end}.bubble{background:#f4fff9cc;border-radius:16px;padding:8px 12px 10px}.row.me .bubble{background:var(--deep);color:#eaf7ef}.row.sys .bubble{border:1px dashed var(--line);background:0 0}.meta{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.meta b{font-size:13px}.meta time{color:var(--muted);font-size:11px}.row.me .meta time{color:#eaf7ef99}.bubble p{margin:0;line-height:1.4}.composer{border-top:1px solid var(--line);gap:8px;padding:12px;display:grid}.composer textarea,.composer .name{border:1px solid var(--line);background:#f4fff9db;border-radius:16px;outline:none;width:100%;padding:12px 14px;transition:border-color .3s,box-shadow .3s,background .3s}.composer textarea:focus,.composer .name:focus{background:#f7fffb;border-color:#10241c47;box-shadow:0 0 0 4px #cfe8d8b3}.composer textarea{resize:none;min-height:92px}.composer-row{justify-content:flex-end;gap:8px;display:flex}.err{color:#a32648;font-size:13px}.ok{color:#2b5346;font-size:13px}.admin{width:min(560px,100% - 28px);margin:48px auto 24px}.admin h1{font-family:var(--display);letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(36px,6vw,56px);line-height:.95}.admin h1 em{font-family:var(--serif);font-style:italic;font-weight:400}.admin .lead{color:var(--muted);margin:0 0 22px}.admin-card{border:1px solid var(--line);background:#e8f4edeb;border-radius:24px;gap:14px;padding:22px;display:grid}.admin-card label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);gap:6px;font-size:12px;display:grid}.admin-card input{border:1px solid var(--line);text-transform:none;letter-spacing:0;background:#f7fffb;border-radius:14px;width:100%;padding:12px 14px;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:15px}.foot{width:min(1180px,100% - 28px);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:12px auto 36px;font-size:14px;display:flex}.foot-brand{color:var(--ink);font-family:var(--display);align-items:center;gap:8px;display:flex}.foot-brand img{object-fit:cover;border-radius:50%;width:28px;height:28px}@media (width<=860px){.studio{grid-template-columns:1fr;min-height:auto}.phone{max-height:58vh;margin:0 auto}.chat-card{min-height:340px}.info-grid{grid-template-columns:1fr}.logo span,.nav .btn,.online,.nav-ca em{display:none}.nav-ca{font-size:11px}.tabs{gap:10px}.tab-live{gap:6px;padding:7px 10px}.watchers{font-size:11px}}@media (pointer:coarse){.cursor-arrow{display:none}body,.btn,.ghost,.tab,.nav-ca,.theater-close{cursor:auto}}@media (prefers-reduced-motion:reduce){.still,.online i{animation:none}.site.is-in .nav,.site.is-in .hero .eyebrow,.site.is-in .hero h1,.site.is-in .hero .lead,.site.is-in .studio,.site.is-in .info,.site.is-in .admin,.site.is-in .foot{opacity:1;filter:none;animation:none;transform:none}.phone,.chat-card,.btn,.ghost{transition:none}.intro-cloud-bob,.intro-hint,.intro-mascot img,.intro-letter img{animation:none}}html:has(.site.is-channel.is-locked){height:100%;overflow:hidden}html:has(.site.is-channel.is-locked) body{height:100%;overflow:hidden}html:has(.site.is-channel.is-locked) #root{height:100%;overflow:hidden}.site.is-channel{z-index:1;opacity:0;pointer-events:none;background:0 0;position:fixed;inset:0}.site.is-channel.is-in{opacity:1;pointer-events:auto}.channel{color:var(--ink);background:#0b1210;position:absolute;inset:0;overflow:hidden}.channel-video{z-index:1;object-fit:cover;opacity:0;background:0 0;width:100%;height:100%;transition:opacity .18s linear;position:absolute;inset:0}.channel-video.is-on{z-index:2;opacity:1}.channel-still{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.channel-preload{display:none}.channel-vignette{z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 80px 80px #10241c47,inset 0 -140px 90px #10241c73}.channel-credit{display:none}.scene-status{left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));top:calc(128px + env(safe-area-inset-top));z-index:7;color:#eaf7ef;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10241cc7;border-radius:16px;max-width:420px;padding:12px 14px;position:absolute}.scene-status span{letter-spacing:.14em;text-transform:uppercase;color:#b7d4c6;margin-bottom:6px;font-size:10px;display:block}.scene-status p{margin:0;font-size:14px;line-height:1.35}.air-toast{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:8;color:#eaf7ef;letter-spacing:.02em;pointer-events:none;white-space:nowrap;background:#10241ce0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;position:absolute;transform:translate(-50%)}.channel-empty{background:linear-gradient(#d7eee3,#c3e0d0);place-items:center;display:grid;position:absolute;inset:0}.channel-empty img{border-radius:30%;width:min(42vw,180px)}.channel-dock{z-index:6;width:min(640px,100% - 24px);padding-bottom:calc(10px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.channel-dock>*{pointer-events:auto}.channel-handle{border:1px solid var(--line);cursor:none;background:#e8f4edf0;border-radius:999px;place-items:center;width:54px;height:28px;margin:0 0 8px;display:grid;box-shadow:0 10px 24px #10241c24}.channel-handle svg{width:16px;height:16px;color:var(--ink);transition:transform .35s cubic-bezier(.22,1,.36,1)}.channel-dock.is-open .channel-handle svg{transform:rotate(180deg)}.channel-drawer{grid-template-rows:0fr;width:100%;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1);display:grid}.channel-dock.is-open .channel-drawer{grid-template-rows:1fr}.channel-drawer-inner{min-height:0;overflow:hidden}.channel .loop-chip{background:#10241cc7;max-width:100%;margin-bottom:8px;position:static;bottom:auto;left:auto;right:auto}.channel-composer{border:1px solid var(--line);background:#e8f4edf0;border-radius:24px;gap:8px;padding:12px;display:grid;box-shadow:0 18px 40px #10241c1a}.channel-composer .name,.channel-composer textarea{border:1px solid var(--line);background:#f4fff9db;border-radius:16px;outline:none;width:100%;padding:12px 14px}.channel-composer textarea{resize:none;min-height:72px}.channel-composer .composer-row{flex-wrap:wrap}.channel-composer .name:focus,.channel-composer textarea:focus{background:#f7fffb;border-color:#10241c47;box-shadow:0 0 0 4px #cfe8d8b3}.sheet{z-index:12;color:var(--ink);background:#dceee4f7;position:absolute;inset:0;overflow:auto}.sheet-close{z-index:2;margin:12px 0 0 16px;position:sticky;top:12px}@media (width<=860px){.nav.nav-on-channel{gap:10px;width:calc(100% - 16px);padding:8px 10px}.channel-dock{width:calc(100% - 16px)}.channel-composer textarea{min-height:64px}}@media (height<=740px){.channel-composer textarea{min-height:52px}.nav.nav-on-channel{top:8px}}