@font-face{font-family:Scoutie;src:url('/assets/ScoutieSans-VariableFont_wght.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Amarante;src:url('/assets/Amarante-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#fbf7ff;--muted:#b7a9c4;--bg:#100b24;--panel:rgba(20,13,43,.72);--line:rgba(237,203,238,.18);--violet:#432f96;--violet-light:#a57bc4;--lilac:#edcbee;--pink:#ddb5e7;--signal:#c196da;--shadow:rgba(7,3,20,.55)}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(67,47,150,.36),transparent 35rem),radial-gradient(circle at 95% 40%,rgba(193,150,218,.16),transparent 32rem),var(--bg);color:var(--ink);font-family:Scoutie,Arial,sans-serif;overflow-x:hidden}.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;perspective:1300px;background:linear-gradient(135deg,rgba(16,11,36,.16),rgba(67,47,150,.1))}.ambient-scene{position:absolute;inset:-8%;transform-style:preserve-3d}.ambient-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.52}.orb-one{width:33vw;height:33vw;left:-10vw;top:28vh;background:rgba(134,95,179,.3);animation:orb-drift-one 20s ease-in-out infinite alternate}.orb-two{width:28vw;height:28vw;right:-7vw;top:8vh;background:rgba(193,150,218,.22);animation:orb-drift-two 25s ease-in-out infinite alternate}.glass-ribbon{position:absolute;border:32px solid rgba(165,123,196,.13);width:39vw;height:24vw;border-radius:48% 52% 44% 56%;filter:blur(1px);box-shadow:inset 0 0 35px rgba(237,203,238,.1),0 0 40px rgba(134,95,179,.12);transform-style:preserve-3d;mix-blend-mode:screen}.ribbon-one{left:-7vw;top:22vh;transform:rotate(-19deg) rotateX(48deg);animation:ribbon-float-one 24s ease-in-out infinite}.ribbon-two{right:-8vw;top:2vh;width:43vw;height:25vw;border-color:rgba(96,66,163,.17);transform:rotate(25deg) rotateY(-28deg);animation:ribbon-float-two 28s ease-in-out infinite}.ribbon-three{left:32vw;bottom:-16vw;width:37vw;height:22vw;border-width:22px;border-color:rgba(221,181,231,.09);transform:rotate(11deg) rotateX(55deg);animation:ribbon-float-three 22s ease-in-out infinite}.ambient-edit{position:absolute;overflow:hidden;border:1px solid rgba(237,203,238,.28);background:rgba(6,3,18,.78);box-shadow:0 25px 80px var(--shadow),inset 0 0 0 1px rgba(255,255,255,.04);opacity:.24;transform-style:preserve-3d;backface-visibility:hidden}.ambient-edit:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(135deg,rgba(16,8,36,.5),transparent 55%,rgba(67,47,150,.3))}.ambient-edit:after{content:'';position:absolute;z-index:2;inset:0;box-shadow:inset 0 0 35px rgba(7,3,20,.7)}.ambient-edit video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(.82) brightness(.7) blur(1.2px)}.edit-one{width:clamp(180px,22vw,310px);height:clamp(220px,27vw,380px);left:3vw;top:20vh;transform:translateZ(-110px) rotateY(22deg) rotateZ(-7deg);animation:edit-one-float 24s ease-in-out infinite}.edit-two{width:clamp(170px,20vw,285px);height:clamp(220px,27vw,380px);right:4vw;top:8vh;transform:translateZ(50px) rotateY(-26deg) rotateZ(7deg);animation:edit-two-float 29s ease-in-out infinite}.edit-three{width:clamp(190px,23vw,330px);height:clamp(125px,16vw,220px);left:34vw;bottom:7vh;transform:translateZ(-40px) rotateX(10deg) rotateZ(4deg);animation:edit-three-float 27s ease-in-out infinite}.ambient-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(10,5,25,.2) 70%,rgba(10,5,25,.62) 100%),linear-gradient(180deg,rgba(10,5,25,.12),rgba(10,5,25,.45))}.site-header,.page-shell{position:relative;z-index:1}.site-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,5vw);background:rgba(11,6,28,.22);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-name{font-size:14px;font-weight:800;letter-spacing:.16em}.brand-name span{color:var(--lilac)}.mark{display:grid;place-items:center;width:30px;height:30px;border-radius:11px 11px 11px 3px;background:linear-gradient(145deg,var(--lilac),var(--violet-light));color:#25134f;font-family:Amarante;font-size:21px;line-height:1;box-shadow:0 0 26px rgba(193,150,218,.28)}.room-pill{font:10px 'Courier New',monospace;color:var(--muted);letter-spacing:.16em}.room-pill b{color:var(--lilac);font-weight:500}.page-shell{max-width:1160px;margin:auto;padding:0 30px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:92px 0 55px}.eyebrow{font:10px 'Courier New',monospace;letter-spacing:.19em;color:var(--pink);margin:0 0 15px}.eyebrow-dot{display:inline-block;width:5px;height:5px;margin:0 0 2px 5px;border-radius:50%;background:var(--lilac);box-shadow:0 0 10px var(--lilac)}.hero h1{font-family:Amarante,Georgia,serif;font-size:clamp(45px,7vw,86px);font-weight:400;line-height:.96;letter-spacing:-.025em;margin:0;text-shadow:0 10px 35px rgba(7,3,20,.35)}.hero h1 em{font-style:normal;color:var(--lilac);text-shadow:0 0 34px rgba(193,150,218,.28)}.intro{max-width:430px;color:var(--muted);font-size:14px;line-height:1.7;margin:28px 0 0}.hero-note{display:flex;align-items:flex-start;gap:13px;color:var(--muted);font:9px 'Courier New',monospace;line-height:1.7;letter-spacing:.12em;padding-bottom:7px}.hero-note b{color:var(--pink);font-weight:400}.note-line{display:block;width:35px;height:1px;margin-top:6px;background:linear-gradient(90deg,var(--lilac),transparent)}.grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(300px,.82fr);gap:20px}.glass-panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 90px var(--shadow),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(28px) saturate(1.25);overflow:hidden}.video-wrap{aspect-ratio:16/9;position:relative;background:#080511;border-bottom:1px solid var(--line)}.video-wrap video{display:block;width:100%;height:100%;background:#080511;object-fit:contain}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:12px;text-align:center;background:radial-gradient(circle,rgba(67,47,150,.18),transparent 55%)}.empty strong{color:var(--ink);font-size:16px;font-weight:650}.empty-orb{width:33px;height:33px;margin-bottom:6px;border:1px solid rgba(237,203,238,.45);border-radius:50%;box-shadow:inset 0 0 20px rgba(193,150,218,.35),0 0 24px rgba(165,123,196,.22);animation:empty-breathe 4s ease-in-out infinite}[hidden]{display:none!important}.media-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}.media-bar p{margin:0 0 8px;font-size:15px;font-weight:650}.media-bar small{color:var(--pink);font:10px 'Courier New',monospace}.status-dot{display:inline-block;width:6px;height:6px;margin:0 5px 1px 0;border-radius:50%;background:var(--pink);box-shadow:0 0 9px var(--pink)}button{border:0;border-radius:9px;padding:12px 17px;background:var(--lilac);color:#24123f;font:700 12px Scoutie;cursor:pointer;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 7px 24px rgba(193,150,218,.18)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}.ghost{padding:9px 11px;background:rgba(237,203,238,.05);border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:550}.load{display:flex;gap:8px;padding:15px 18px;border-bottom:1px solid var(--line)}input,textarea{width:100%;border:1px solid rgba(237,203,238,.14);border-radius:9px;background:rgba(7,3,20,.42);color:var(--ink);font:12px Scoutie;padding:12px 13px;outline:0}input::placeholder,textarea::placeholder{color:#877a98}.load input:first-of-type{flex:1}.load input:nth-of-type(2){width:29%}.library{padding:20px 20px 22px}.library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.library-head .eyebrow{margin:0 0 5px}.library-caption{color:var(--muted);font-size:11px;margin:0 0 15px}.library-list{display:grid;gap:8px}.media-item{display:flex;align-items:center;gap:11px;min-width:0;padding:10px 11px;border:1px solid rgba(237,203,238,.1);border-radius:11px;background:rgba(7,3,20,.27)}.media-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.media-size{margin-left:auto;color:#8f819b;white-space:nowrap;font:9px 'Courier New',monospace}.media-item button{padding:7px 11px;font-size:10px}.media-item button:disabled{background:rgba(237,203,238,.08);color:#81768b;cursor:not-allowed}.chat-panel{display:flex;flex-direction:column;min-height:570px}.chat-head{display:flex;align-items:flex-start;justify-content:space-between;padding:23px 22px 18px;border-bottom:1px solid var(--line)}.chat-head h2{font-family:Amarante,Georgia,serif;font-size:28px;font-weight:400;margin:0}.live{padding:6px 8px;border:1px solid rgba(237,203,238,.18);border-radius:99px;color:var(--pink);font:9px 'Courier New',monospace;letter-spacing:.08em}.comments{flex:1;min-height:300px;max-height:440px;overflow:auto;padding:5px 22px}.comment{padding:16px 0;border-bottom:1px solid rgba(237,203,238,.1)}.comment header{height:auto;display:flex;align-items:center;justify-content:space-between;padding:0;border:0;background:none}.comment header b{color:var(--pink);font-size:11px;font-weight:650}.comment time{color:#8f819b;font:9px 'Courier New',monospace}.comment p{color:#ddd2e1;font-size:12px;line-height:1.55;margin:6px 0 0}.muted{color:var(--muted);font-size:12px;line-height:1.6}.comment-form{display:grid;gap:8px;padding:16px 18px;border-top:1px solid var(--line)}.comment-form button{text-align:left}.comment-form button span{float:right;font-size:18px;line-height:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 46px;color:#897e96;font:10px 'Courier New',monospace}.footer-dot{color:var(--violet-light)}
@keyframes edit-one-float{0%,100%{transform:translate3d(0,0,-110px) rotateY(22deg) rotateZ(-7deg)}50%{transform:translate3d(3vw,-2vh,-50px) rotateY(16deg) rotateZ(-3deg)}}@keyframes edit-two-float{0%,100%{transform:translate3d(0,0,50px) rotateY(-26deg) rotateZ(7deg)}50%{transform:translate3d(-2vw,3vh,90px) rotateY(-19deg) rotateZ(12deg)}}@keyframes edit-three-float{0%,100%{transform:translate3d(0,0,-40px) rotateX(10deg) rotateZ(4deg)}50%{transform:translate3d(2vw,-2vh,20px) rotateX(6deg) rotateZ(-1deg)}}@keyframes ribbon-float-one{0%,100%{margin-left:0;transform:rotate(-19deg) rotateX(48deg)}50%{margin-left:5vw;transform:rotate(-10deg) rotateX(52deg) scale(1.05)}}@keyframes ribbon-float-two{0%,100%{margin-top:0;transform:rotate(25deg) rotateY(-28deg)}50%{margin-top:5vh;transform:rotate(34deg) rotateY(-20deg) scale(.94)}}@keyframes ribbon-float-three{0%,100%{margin-left:0;transform:rotate(11deg) rotateX(55deg)}50%{margin-left:-4vw;transform:rotate(18deg) rotateX(48deg)}}@keyframes orb-drift-one{to{transform:translate(12vw,-7vh) scale(1.15)}}@keyframes orb-drift-two{to{transform:translate(-10vw,13vh) scale(.8)}}@keyframes empty-breathe{50%{transform:scale(1.15);box-shadow:inset 0 0 25px rgba(193,150,218,.5),0 0 34px rgba(165,123,196,.3)}}
@media(max-width:760px){.site-header{height:68px;padding:0 20px}.page-shell{padding:0 15px}.hero{display:block;padding:60px 5px 38px}.hero h1{font-size:clamp(42px,13vw,64px)}.intro{font-size:13px;margin-top:22px}.hero-note{display:none}.grid{display:block}.watch{margin-bottom:16px}.media-bar{align-items:flex-start;padding:16px;gap:10px}.media-bar .ghost{font-size:9px}.load{flex-wrap:wrap;padding:12px}.load input:first-of-type,.load input:nth-of-type(2){width:100%}.library{padding:18px 15px}.chat-panel{min-height:470px}.comments{min-height:230px;max-height:300px}.media-size{display:none}.ambient-edit{opacity:.16}.edit-one{left:-18vw;top:18vh}.edit-two{right:-18vw;top:10vh}.edit-three{left:28vw;bottom:8vh}.glass-ribbon{opacity:.8}.ribbon-three{left:8vw;width:70vw}footer{margin:20px 0 30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.ambient-scene{z-index:1}.glass-ribbon{z-index:2;border-width:44px;background:rgba(165,123,196,.045);backdrop-filter:blur(18px) saturate(1.65);box-shadow:inset 0 0 45px rgba(237,203,238,.16),inset 0 0 0 1px rgba(255,255,255,.1),0 0 55px rgba(134,95,179,.2)}.glass-ribbon::before{content:'';position:absolute;inset:-18px;border:1px solid rgba(237,203,238,.45);border-radius:inherit;transform:rotate(4deg) scale(.98);opacity:.55}.glass-ribbon::after{content:'';position:absolute;inset:-40px;border-radius:inherit;background:linear-gradient(120deg,transparent 22%,rgba(255,255,255,.16) 38%,transparent 51%);filter:blur(12px);opacity:.5;transform:rotate(-8deg)}.ambient::before{content:'';position:absolute;inset:-25%;z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.62'/%3E%3C/svg%3E");opacity:.095;mix-blend-mode:screen;pointer-events:none;animation:grain-shift .22s steps(2) infinite}.ambient-vignette{z-index:4}.ambient-edit video{filter:saturate(.62) contrast(.78) brightness(.62) blur(1.8px)}body::after{content:'';position:fixed;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(237,203,238,.03) 0,rgba(237,203,238,.03) 1px,transparent 1px,transparent 5px);mix-blend-mode:overlay;opacity:.28}@keyframes grain-shift{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}