:root{--color-bg: #ffffff;--color-surface: #f9f9f9;--color-fill: #eeeeee;--color-text: #111111;--color-text-muted: #6b6b6b;--color-text-faint: #a3a3a3;--color-on-accent: #ffffff;--color-danger: #c94f4f;--color-danger-fill: #fdf1f1;--color-scrim: rgba(17, 17, 17, .95);--radius-button: 4px;--transition: all .15s cubic-bezier(.2, 0, 0, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, sans-serif;--tracking-label: .12em}body{font-family:var(--font-sans);margin:0;background:var(--color-bg);color:var(--color-text);font-size:clamp(.95rem,.9rem + .25vw,1.05rem);line-height:1.5}main{max-width:800px;margin:0 auto;padding:2rem 1rem}h1{font-family:var(--font-sans);font-size:clamp(2.25rem,1.8rem + 2.2vw,3.5rem);font-weight:500;letter-spacing:-.03em;color:var(--color-text);margin:0 0 .5rem}h2{font-family:var(--font-sans);font-size:clamp(1.1rem,1rem + .5vw,1.3rem);font-weight:500;letter-spacing:-.01em;margin:0 0 .5rem}.eyebrow{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-faint);margin:0 0 .5rem}.eyebrow--live{color:#2f9e44}a{color:var(--color-text);text-decoration:underline;text-underline-offset:3px;transition:var(--transition)}a:hover{color:var(--color-text-muted)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.button{box-sizing:border-box;height:32px;min-width:6rem;border:none;border-radius:var(--radius-button);padding:0 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition)}.button:disabled{opacity:.4;cursor:not-allowed}.button--primary{min-width:10rem;padding:0 2.5rem;background:var(--color-text);color:var(--color-on-accent)}.button--primary:hover:not(:disabled){background:#333}.button--danger{background:var(--color-danger-fill);color:var(--color-danger)}.button--danger:hover:not(:disabled){background:#fbe3e3}.button--small{min-width:6rem;padding:0 1rem;font-size:.875rem;background:var(--color-fill);color:var(--color-text)}.input{box-sizing:border-box;height:32px;background:var(--color-fill);border:none;border-radius:0;color:var(--color-text);padding:0 .75rem;font-size:inherit;transition:var(--transition)}.input::placeholder{color:var(--color-text-faint)}.card{background:var(--color-surface);border-radius:0;padding:2rem}.card__title{margin:0 0 .5rem}.card__text{margin:0 0 1rem;color:var(--color-text-muted);font-size:.875rem}.home{max-width:800px;margin:0 auto;padding:4rem 1rem 2rem;text-align:center}.home__hero p{margin:0 0 3rem;color:var(--color-text-muted);font-size:clamp(1rem,.95rem + .3vw,1.15rem)}.home__cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:left}@media(max-width:700px){.home__cards{grid-template-columns:1fr}}.join-form{display:flex;gap:.5rem}.join-form .input{flex:1;text-transform:uppercase}.join-form__code{flex:1;align-self:center;font-weight:600;font-size:1rem;letter-spacing:.08em}.join-form__close{display:block;width:90%;margin:.5rem auto 0}.home__error{margin:0 0 1rem;color:var(--color-danger);font-size:.875rem}.home__legal{margin:4rem 0 0;font-size:.75rem;color:var(--color-text-faint)}.user-menu{margin:0 auto 2.5rem;max-width:640px;font-size:.875rem;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.user-menu strong{color:var(--color-text)}.user-menu a{display:inline-block;padding:.5rem 0}.auth-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1rem}.auth-layout__back{position:fixed;top:1rem;left:1rem}.auth-layout__brand{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;text-decoration:none;color:var(--color-text);padding:.5rem 1rem}.auth-layout__card{width:100%;max-width:380px;text-align:center}.auth-layout__title{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,Times New Roman,serif;font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:400;margin:0 0 1.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.field{display:flex;flex-direction:column;gap:.25rem}.field__label{font-size:.875rem;color:var(--color-text-muted)}.auth-form .button--primary{align-self:center;margin-top:.5rem}.auth-form__error{margin:0;color:var(--color-danger);font-size:.875rem}.auth-form__notice{margin:0 0 1rem;color:var(--color-text-muted);font-size:.875rem}.auth-form__success{margin:0;color:var(--color-text);font-size:.875rem}.auth-form__resend{background:var(--color-surface);border-radius:0;padding:.75rem 1rem;margin-bottom:1rem}.auth-form__resend p{margin:0 0 .5rem;font-size:.875rem;color:var(--color-text-muted)}.auth-form__switch{margin:1.5rem 0 0;font-size:.875rem;color:var(--color-text-muted)}.auth-form__min-length{margin:0;font-size:.75rem;color:var(--color-text-faint);text-align:center}.room{max-width:1100px;margin:0 auto;padding:2rem 1rem;position:relative}.room__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.room__header-actions{display:flex;flex-shrink:0}@media(max-width:600px){.room__header{flex-direction:column}}.room__name{font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:400;margin:0 0 .25rem}.room__code{margin:0;color:var(--color-text-muted);font-size:.875rem}.room__code strong{color:var(--color-text)}.room__code-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.room__code-row .room__code{margin:0}.button--small.copy-button--copied{background:var(--color-text);color:var(--color-on-accent)}.participants__status{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-faint)}.participants__list{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.participants__item{display:flex;align-items:center;gap:.5rem;background:var(--color-surface);border-radius:0;padding:.25rem .75rem;font-size:.875rem}.participants__badge{background:var(--color-text);color:var(--color-on-accent);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);border-radius:0;padding:.125rem .5rem}.participants__empty{margin:0 0 1.5rem;color:var(--color-text-muted);font-size:.875rem}.room__grid--two{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@media(max-width:900px){.room__grid--two{grid-template-columns:1fr}}.room__video-area,.room__side-area{background:var(--color-surface);border-radius:0;padding:1rem}.room__side-note{margin:0;color:var(--color-text-muted);font-size:.875rem}.video-player__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-fill);border-radius:0;text-align:center;padding:1rem}.video-player__blocker{position:absolute;inset:0;z-index:2;background:transparent;cursor:default}.video-player__joining{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:var(--color-scrim)}.video-player__joining p{margin:0;color:var(--color-on-accent);font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.video-player__join{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:4;background:var(--color-scrim)}.video-player__join .button{min-width:10rem}.video-player__placeholder p{margin:.25rem 0}.video-player__placeholder p:first-child{font-size:1.375rem;font-weight:500;letter-spacing:-.02em}.video-player__hint{color:var(--color-text-muted);font-size:.875rem}.video-player__frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:0;overflow:hidden;background:#000}.video-player__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1}.video-link-form{display:flex;gap:.5rem;margin-top:1rem}.video-link-form .input{flex:1}.video-link-form__error{margin:.5rem 0 0;color:var(--color-danger);font-size:.875rem;flex-basis:100%}.room__theater{position:relative;min-width:0}.danmaku{width:100%;margin-top:.75rem}.danmaku__form{display:flex;width:100%;gap:.5rem}.danmaku__input{flex:1;min-width:0}.danmaku__note,.danmaku__error{margin:.35rem 0 0;color:var(--color-text-muted);font-size:.75rem}.danmaku__error{color:var(--color-danger)}.danmaku__display-wrap{position:absolute;z-index:5;top:.75rem;left:0;width:100%;margin:0;pointer-events:none}.danmaku__viewport{box-sizing:border-box;position:relative;width:100%;height:144px;overflow:hidden;background:transparent;color:#f5efff}.danmaku__lanes{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;gap:4px}.danmaku__lane{position:relative;flex:0 0 20px;width:100%;height:20px}.danmaku__message{box-sizing:border-box;display:flex;position:absolute;top:0;left:100%;align-items:center;gap:.5rem;height:100%;max-width:min(80vw,520px);margin:0;padding:0 .65rem;white-space:nowrap;font-size:.8rem;animation:danmaku-scroll 22s linear forwards;text-shadow:0 1px 5px rgba(0,0,0,.95)}.danmaku__message strong{flex:0 0 auto;font-weight:700}.danmaku__message span{overflow:hidden;text-overflow:ellipsis}.danmaku__empty{display:grid;height:100%;place-items:center;margin:0;color:#f5efff9e;font-size:.8rem}@keyframes danmaku-scroll{0%{left:100%;transform:translate(0)}to{left:0;transform:translate(-100%)}}.video-player{position:relative}.video-player__fullscreen,.video-player__danmaku-toggle{position:absolute;top:.75rem;z-index:6;width:36px;height:36px;border:0;border-radius:var(--radius-button);background:#111111c2;color:#fff;font-size:1.35rem;cursor:pointer}.video-player__fullscreen{right:.75rem}.video-player__danmaku-toggle{right:3.5rem;font-size:.75rem;font-weight:700}.room__theater:fullscreen{width:100vw;height:100vh;overflow:hidden;background:#000}.room__theater:fullscreen .video-player{position:absolute;inset:0}.room__theater:fullscreen .video-player__frame{width:100%;height:100%;aspect-ratio:auto}.room__theater:fullscreen .danmaku{position:absolute;z-index:8;top:1.25rem;left:50%;width:95vw;margin:0;transform:translate(-50%)}.room__theater:fullscreen .danmaku__viewport{height:144px;background:transparent}.room__theater:fullscreen .danmaku__form{width:clamp(280px,35vw,520px);max-width:calc(100vw - 2rem);margin-inline:auto}.room__theater:fullscreen .danmaku__display-wrap{position:relative;top:auto;left:auto;margin-top:.5rem}.room__theater:fullscreen .video-link-form{display:none}@media(prefers-reduced-motion:reduce){.danmaku__message{animation-duration:.01ms}}.room__closed-overlay{position:fixed;inset:0;background:var(--color-scrim);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:2rem;z-index:10}.room__closed-overlay h1{color:var(--color-on-accent)}.room__closed-overlay p{color:var(--color-text-faint)}.room-status{max-width:800px;margin:0 auto;padding:4rem 1rem;text-align:center}.room-status p{color:var(--color-text-muted)}.room-status a{display:inline-block;margin-top:1rem;padding:.5rem 0}.demo-page{position:relative;max-width:none;margin:0;box-sizing:border-box;padding:0;overflow:hidden;height:100vh;height:100dvh;display:flex;flex-direction:column;color:var(--color-text);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='%23111111' opacity='.35'%3E%3Ccircle cx='18' cy='27' r='1.2' opacity='.5'/%3E%3Ccircle cx='57' cy='14' r='.8' opacity='.28'/%3E%3Ccircle cx='104' cy='41' r='1.5' opacity='.6'/%3E%3Ccircle cx='151' cy='22' r='.7' opacity='.2'/%3E%3Ccircle cx='203' cy='9' r='1.1' opacity='.38'/%3E%3Ccircle cx='247' cy='33' r='.9' opacity='.3'/%3E%3Ccircle cx='291' cy='17' r='1.4' opacity='.55'/%3E%3Ccircle cx='338' cy='45' r='.8' opacity='.24'/%3E%3Ccircle cx='379' cy='26' r='1.2' opacity='.42'/%3E%3Ccircle cx='407' cy='60' r='.7' opacity='.2'/%3E%3Ccircle cx='31' cy='83' r='.9' opacity='.34'/%3E%3Ccircle cx='77' cy='71' r='1.3' opacity='.48'/%3E%3Ccircle cx='122' cy='94' r='.7' opacity='.2'/%3E%3Ccircle cx='169' cy='66' r='1.1' opacity='.4'/%3E%3Ccircle cx='215' cy='88' r='1.5' opacity='.62'/%3E%3Ccircle cx='262' cy='74' r='.8' opacity='.26'/%3E%3Ccircle cx='305' cy='97' r='1.2' opacity='.44'/%3E%3Ccircle cx='352' cy='70' r='.9' opacity='.45'/%3E%3Ccircle cx='396' cy='90' r='.7' opacity='.2'/%3E%3Ccircle cx='12' cy='131' r='1.1' opacity='.4'/%3E%3Ccircle cx='64' cy='117' r='.8' opacity='.24'/%3E%3Ccircle cx='109' cy='142' r='1.4' opacity='.55'/%3E%3Ccircle cx='158' cy='124' r='.9' opacity='.34'/%3E%3Ccircle cx='209' cy='151' r='.7' opacity='.2'/%3E%3Ccircle cx='253' cy='129' r='1.2' opacity='.48'/%3E%3Ccircle cx='299' cy='155' r='.8' opacity='.26'/%3E%3Ccircle cx='347' cy='133' r='1.1' opacity='.4'/%3E%3Ccircle cx='393' cy='120' r='1.4' opacity='.58'/%3E%3Ccircle cx='416' cy='145' r='.8' opacity='.24'/%3E%3Ccircle cx='27' cy='178' r='.9' opacity='.3'/%3E%3Ccircle cx='72' cy='196' r='1.3' opacity='.52'/%3E%3Ccircle cx='119' cy='177' r='.7' opacity='.2'/%3E%3Ccircle cx='163' cy='203' r='1' opacity='.38'/%3E%3Ccircle cx='211' cy='183' r='.8' opacity='.26'/%3E%3Ccircle cx='258' cy='199' r='1.4' opacity='.55'/%3E%3Ccircle cx='303' cy='176' r='.9' opacity='.34'/%3E%3Ccircle cx='351' cy='201' r='1.1' opacity='.4'/%3E%3Ccircle cx='398' cy='184' r='.7' opacity='.2'/%3E%3Ccircle cx='15' cy='231' r='1.2' opacity='.48'/%3E%3Ccircle cx='59' cy='249' r='.8' opacity='.24'/%3E%3Ccircle cx='106' cy='226' r='1' opacity='.38'/%3E%3Ccircle cx='154' cy='244' r='1.4' opacity='.58'/%3E%3Ccircle cx='201' cy='232' r='.7' opacity='.2'/%3E%3Ccircle cx='249' cy='252' r='1.1' opacity='.4'/%3E%3Ccircle cx='296' cy='228' r='.9' opacity='.3'/%3E%3Ccircle cx='344' cy='247' r='1.3' opacity='.52'/%3E%3Ccircle cx='391' cy='229' r='.8' opacity='.26'/%3E%3Ccircle cx='414' cy='258' r='1' opacity='.38'/%3E%3Ccircle cx='35' cy='287' r='.8' opacity='.26'/%3E%3Ccircle cx='81' cy='271' r='1.2' opacity='.44'/%3E%3Ccircle cx='128' cy='296' r='.7' opacity='.2'/%3E%3Ccircle cx='174' cy='278' r='1.1' opacity='.4'/%3E%3Ccircle cx='222' cy='293' r='.9' opacity='.34'/%3E%3Ccircle cx='267' cy='270' r='1.4' opacity='.55'/%3E%3Ccircle cx='312' cy='295' r='.8' opacity='.24'/%3E%3Ccircle cx='358' cy='276' r='1' opacity='.38'/%3E%3Ccircle cx='402' cy='299' r='1.2' opacity='.48'/%3E%3Ccircle cx='9' cy='334' r='1.1' opacity='.4'/%3E%3Ccircle cx='53' cy='352' r='.7' opacity='.2'/%3E%3Ccircle cx='101' cy='331' r='1.3' opacity='.52'/%3E%3Ccircle cx='148' cy='357' r='.9' opacity='.34'/%3E%3Ccircle cx='196' cy='336' r='1' opacity='.38'/%3E%3Ccircle cx='243' cy='359' r='1.4' opacity='.58'/%3E%3Ccircle cx='289' cy='333' r='.8' opacity='.26'/%3E%3Ccircle cx='337' cy='354' r='1.1' opacity='.4'/%3E%3Ccircle cx='384' cy='330' r='.9' opacity='.3'/%3E%3Ccircle cx='411' cy='356' r='.7' opacity='.2'/%3E%3Ccircle cx='24' cy='389' r='1.2' opacity='.48'/%3E%3Ccircle cx='70' cy='406' r='.8' opacity='.26'/%3E%3Ccircle cx='117' cy='384' r='1' opacity='.38'/%3E%3Ccircle cx='165' cy='411' r='1.4' opacity='.55'/%3E%3Ccircle cx='212' cy='392' r='.9' opacity='.34'/%3E%3Ccircle cx='259' cy='409' r='1.1' opacity='.4'/%3E%3Ccircle cx='306' cy='385' r='.7' opacity='.2'/%3E%3Ccircle cx='354' cy='408' r='1.2' opacity='.48'/%3E%3Ccircle cx='399' cy='386' r='1' opacity='.34'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:600px 600px;--sky-silhouette-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 600' preserveAspectRatio='none'%3E%3Cpath d='M -80 -100 C -20 50 190 250 300 300 C 190 350 -20 550 -80 700 Z M 1080 -100 C 1020 50 810 250 700 300 C 810 350 1020 550 1080 700 Z' fill='%23000000'/%3E%3C/svg%3E")}.demo-page{position:fixed;inset:0;width:100%;background-color:#050a18;background-image:none;font-family:Manrope,Inter,sans-serif}.demo-page__background{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:0;object-fit:cover;background-color:#050a18;pointer-events:none}.demo-page__background::-webkit-media-controls-start-playback-button,.demo-page__background::-webkit-media-controls-overlay-play-button,.demo-page__background::-webkit-media-controls-overlay-enclosure,.demo-page__background::-webkit-media-controls-play-button,.demo-page__background::-webkit-media-controls-panel,.demo-page__background::-webkit-media-controls-enclosure,.demo-page__background::-webkit-media-controls-timeline,.demo-page__background::-webkit-media-controls{display:none!important;visibility:hidden!important;opacity:0!important;-webkit-appearance:none}.demo-page__shooting-stars{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.demo-page__shooting-stars span{position:absolute;width:clamp(5rem,11vw,9rem);height:1.5px;border-radius:999px;opacity:0;background:linear-gradient(90deg,transparent,rgba(205,235,255,.95));box-shadow:0 0 9px #70bbffcc;transform-origin:left center;animation:shooting-star 44s ease-in infinite}.demo-page__shooting-stars span:nth-child(1){top:18%;left:52%;animation-delay:5s}@keyframes shooting-star{0%,84%{opacity:0;transform:translateZ(0) rotate(25deg) scaleX(.45)}87%{opacity:.8}93%{opacity:0;transform:translate3d(17vw,13vh,0) rotate(25deg) scaleX(1)}to{opacity:0;transform:translate3d(17vw,13vh,0) rotate(25deg) scaleX(1)}}.demo-page:before{display:none}.demo-header,.demo-page__inner,.demo-footer{position:relative;z-index:2}.demo-page:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='18' cy='27' r='1.2' opacity='.75'/%3E%3Ccircle cx='57' cy='14' r='.8' opacity='.4'/%3E%3Ccircle cx='104' cy='41' r='1.5' opacity='.85'/%3E%3Ccircle cx='151' cy='22' r='.7' opacity='.3'/%3E%3Ccircle cx='203' cy='9' r='1.1' opacity='.55'/%3E%3Ccircle cx='247' cy='33' r='.9' opacity='.45'/%3E%3Ccircle cx='291' cy='17' r='1.4' opacity='.8'/%3E%3Ccircle cx='338' cy='45' r='.8' opacity='.35'/%3E%3Ccircle cx='379' cy='26' r='1.2' opacity='.6'/%3E%3Ccircle cx='407' cy='60' r='.7' opacity='.3'/%3E%3Ccircle cx='31' cy='83' r='.9' opacity='.5'/%3E%3Ccircle cx='77' cy='71' r='1.3' opacity='.7'/%3E%3Ccircle cx='122' cy='94' r='.7' opacity='.3'/%3E%3Ccircle cx='169' cy='66' r='1.1' opacity='.6'/%3E%3Ccircle cx='215' cy='88' r='1.5' opacity='.9'/%3E%3Ccircle cx='262' cy='74' r='.8' opacity='.4'/%3E%3Ccircle cx='305' cy='97' r='1.2' opacity='.65'/%3E%3Ccircle cx='352' cy='70' r='.9' opacity='.45'/%3E%3Ccircle cx='396' cy='90' r='.7' opacity='.3'/%3E%3Ccircle cx='12' cy='131' r='1.1' opacity='.6'/%3E%3Ccircle cx='64' cy='117' r='.8' opacity='.35'/%3E%3Ccircle cx='109' cy='142' r='1.4' opacity='.8'/%3E%3Ccircle cx='158' cy='124' r='.9' opacity='.5'/%3E%3Ccircle cx='209' cy='151' r='.7' opacity='.3'/%3E%3Ccircle cx='253' cy='129' r='1.2' opacity='.7'/%3E%3Ccircle cx='299' cy='155' r='.8' opacity='.4'/%3E%3Ccircle cx='347' cy='133' r='1.1' opacity='.6'/%3E%3Ccircle cx='393' cy='120' r='1.4' opacity='.85'/%3E%3Ccircle cx='416' cy='145' r='.8' opacity='.35'/%3E%3Ccircle cx='27' cy='178' r='.9' opacity='.45'/%3E%3Ccircle cx='72' cy='196' r='1.3' opacity='.75'/%3E%3Ccircle cx='119' cy='177' r='.7' opacity='.3'/%3E%3Ccircle cx='163' cy='203' r='1' opacity='.55'/%3E%3Ccircle cx='211' cy='183' r='.8' opacity='.4'/%3E%3Ccircle cx='258' cy='199' r='1.4' opacity='.55'/%3E%3Ccircle cx='303' cy='176' r='.9' opacity='.34'/%3E%3Ccircle cx='351' cy='201' r='1.1' opacity='.4'/%3E%3Ccircle cx='398' cy='184' r='.7' opacity='.3'/%3E%3Ccircle cx='15' cy='231' r='1.2' opacity='.7'/%3E%3Ccircle cx='59' cy='249' r='.8' opacity='.35'/%3E%3Ccircle cx='106' cy='226' r='1' opacity='.55'/%3E%3Ccircle cx='154' cy='244' r='1.4' opacity='.85'/%3E%3Ccircle cx='201' cy='232' r='.7' opacity='.3'/%3E%3Ccircle cx='249' cy='252' r='1.1' opacity='.4'/%3E%3Ccircle cx='296' cy='228' r='.9' opacity='.45'/%3E%3Ccircle cx='344' cy='247' r='1.3' opacity='.75'/%3E%3Ccircle cx='391' cy='229' r='.8' opacity='.4'/%3E%3Ccircle cx='414' cy='258' r='1' opacity='.55'/%3E%3Ccircle cx='35' cy='287' r='.8' opacity='.4'/%3E%3Ccircle cx='81' cy='271' r='1.2' opacity='.65'/%3E%3Ccircle cx='128' cy='296' r='.7' opacity='.3'/%3E%3Ccircle cx='174' cy='278' r='1.1' opacity='.4'/%3E%3Ccircle cx='222' cy='293' r='.9' opacity='.5'/%3E%3Ccircle cx='267' cy='270' r='1.4' opacity='.8'/%3E%3Ccircle cx='312' cy='295' r='.8' opacity='.35'/%3E%3Ccircle cx='358' cy='276' r='1' opacity='.55'/%3E%3Ccircle cx='402' cy='299' r='1.2' opacity='.7'/%3E%3Ccircle cx='9' cy='334' r='1.1' opacity='.6'/%3E%3Ccircle cx='53' cy='352' r='.7' opacity='.3'/%3E%3Ccircle cx='101' cy='331' r='1.3' opacity='.75'/%3E%3Ccircle cx='148' cy='357' r='.9' opacity='.5'/%3E%3Ccircle cx='196' cy='336' r='1' opacity='.55'/%3E%3Ccircle cx='243' cy='359' r='1.4' opacity='.85'/%3E%3Ccircle cx='289' cy='333' r='.8' opacity='.4'/%3E%3Ccircle cx='337' cy='354' r='1.1' opacity='.6'/%3E%3Ccircle cx='384' cy='330' r='.9' opacity='.45'/%3E%3Ccircle cx='411' cy='356' r='.7' opacity='.3'/%3E%3Ccircle cx='24' cy='389' r='1.2' opacity='.7'/%3E%3Ccircle cx='70' cy='406' r='.8' opacity='.4'/%3E%3Ccircle cx='117' cy='384' r='1' opacity='.55'/%3E%3Ccircle cx='165' cy='411' r='1.4' opacity='.8'/%3E%3Ccircle cx='212' cy='392' r='.9' opacity='.5'/%3E%3Ccircle cx='259' cy='409' r='1.1' opacity='.6'/%3E%3Ccircle cx='306' cy='385' r='.7' opacity='.3'/%3E%3Ccircle cx='354' cy='408' r='1.2' opacity='.7'/%3E%3Ccircle cx='399' cy='386' r='1' opacity='.5'/%3E%3C/g%3E%3C/svg%3E") repeat,radial-gradient(ellipse 70% 24% at 50% 0%,rgba(217,165,140,.28),transparent 78%),radial-gradient(ellipse 70% 24% at 50% 100%,rgba(217,165,140,.28),transparent 78%),linear-gradient(180deg,#1b2032,#333a53 45%,#6d6480 80%,#d9a58c);background-size:420px 420px,auto,auto,auto;-webkit-mask-image:var(--sky-silhouette-mask);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-image:var(--sky-silhouette-mask);mask-size:100% 100%;mask-repeat:no-repeat}.demo-page:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 50%,transparent 46%,rgba(112,155,255,.09) 47%,transparent 48%),radial-gradient(ellipse 82% 68% at 50% 50%,transparent 61%,rgba(72,164,255,.08) 62%,transparent 63%),radial-gradient(ellipse 70% 34% at 50% 0%,rgba(54,101,212,.16),transparent 78%),radial-gradient(ellipse 72% 40% at 100% 100%,rgba(73,117,255,.13),transparent 76%),linear-gradient(180deg,#050a183d,#050a1b24 52%,#05081661)}@media(max-width:700px){.demo-page:before{opacity:.45}}body:has(.demo-page){position:fixed;inset:0;width:100%;overflow:hidden;height:100dvh;background-color:#050a18}html:has(.demo-page),body:has(.demo-page),body:has(.demo-page) #root{width:100%;height:100%;max-width:100%;max-height:100dvh;overflow:hidden;overscroll-behavior:none;background-color:#050a18}html:has(.demo-page){height:100%}.demo-page__inner{overflow:hidden}.demo-page__inner--with-form{gap:.9rem}.demo-page__inner--with-form .demo-page__headline{font-size:clamp(2.25rem,2rem + 3vw,4rem)}@media(max-height:700px){.demo-header{padding-top:1.1rem}.demo-page__inner{gap:.9rem;padding:.75rem 1rem 1rem}.demo-page__headline{font-size:clamp(2.25rem,2rem + 3vw,3.75rem)}.demo-footer{padding:.5rem 2rem .9rem}}.demo-header{display:flex;justify-content:flex-start;padding:1.75rem 2rem 0;flex-shrink:0}.demo-header__brand{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.demo-header__login{margin-left:auto;height:32px;padding:0 1.1rem;border:none;border-radius:999px;background:var(--color-text);color:var(--color-on-accent);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition)}.demo-header__login:hover{background:#333}.demo-header__login:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.demo-page__eyebrow{margin:0;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--color-text-muted)}.demo-page__headline{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,Times New Roman,serif;font-size:clamp(3rem,2.25rem + 4vw,5.5rem);font-weight:600;letter-spacing:-.015em;line-height:1.02;text-align:center}.demo-page__inner{flex:1;min-height:0;overflow:hidden;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;max-width:640px;margin:0 auto;padding:2rem 1rem 4rem;text-align:center}.demo-page__inner::-webkit-scrollbar{display:none}.demo-page__cta{height:52px;min-width:19rem;border-radius:999px;font-size:1rem}.demo-page__cta:focus-visible,.demo-page__close:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.demo-page__blurb{margin:0;max-width:32rem;font-size:1.06rem;line-height:1.55;color:var(--color-text-muted)}.demo-page__form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:1rem;text-align:left;animation:signup-form-reveal .36s cubic-bezier(.2,0,0,1) both}@keyframes signup-form-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.demo-page__form{animation:none}}.demo-page .field__label{color:var(--color-text-muted)}.demo-page .input{height:40px}.demo-page__error{margin:0;font-size:.875rem;color:var(--color-danger)}.demo-footer{flex-shrink:0;margin-top:auto;display:flex;align-items:center;gap:1.5rem;padding:1rem 2rem 1.5rem}.demo-footer__link{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;font-weight:600;transition:var(--transition)}.demo-footer__link:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}.demo-footer__link:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.auth-modal__backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#ffffff8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:auth-modal-fade .22s ease-out}.auth-modal{box-sizing:border-box;width:100%;max-width:380px;max-height:calc(100vh - 2rem);overflow:hidden;background:var(--color-bg);padding:2rem 1.75rem;text-align:center;animation:auth-modal-rise .26s cubic-bezier(.2,0,0,1)}.auth-modal__backdrop--closing{animation:auth-modal-fade-out .22s ease-in forwards}.auth-modal--closing{animation:auth-modal-fall .22s ease-in forwards}@keyframes auth-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes auth-modal-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes auth-modal-fade-out{to{opacity:0}}@keyframes auth-modal-fall{to{opacity:0;transform:translateY(8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.auth-modal__backdrop,.auth-modal,.auth-modal__backdrop--closing,.auth-modal--closing{animation:none}}.auth-modal__title{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:500;margin:0 0 1.5rem}.auth-modal .auth-form{text-align:left}.auth-form__switch--center{text-align:center;margin-top:1.25rem}.auth-form__switch--center a{color:var(--color-text)}.auth-modal__close{margin-top:1.25rem;border:none;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:.85rem;cursor:pointer;padding:.25rem .75rem;transition:var(--transition)}.auth-modal__close:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}.auth-modal__close:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.demo-page__close{align-self:center;border:none;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:.85rem;cursor:pointer;padding:.25rem .75rem;transition:var(--transition)}.demo-page__close:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}.demo-page{color:#f5efff;cursor:default}.demo-page,.demo-page button,.demo-page input{font-family:Manrope,Inter,sans-serif}.demo-page__headline{font-family:Manrope,Inter,sans-serif;font-weight:800;letter-spacing:-.055em;line-height:1.04;text-shadow:0 2px 28px rgba(91,149,242,.18)}.demo-page input,.demo-page textarea{cursor:text}.demo-page__headline,.demo-page__eyebrow,.demo-page__blurb,.demo-header__brand,.demo-footer__link,.demo-page__close{color:#f5efff}.demo-page__eyebrow,.demo-page__blurb,.demo-footer__link,.demo-page__close{color:#dceaff}.demo-page__eyebrow{color:#a9d2ff}.demo-page .field__label{color:#f0e8ff}.demo-page__error{color:#ffd0e0}.demo-header__brand{color:#f5efff;font-size:1.5rem;font-weight:800;letter-spacing:-.065em;text-shadow:0 0 24px rgba(126,184,255,.22)}.demo-header__login{background:#071327c7;color:#f5efff;border-color:#a2caff57}.demo-header__login:hover{background:#1a365beb}.demo-header__login:focus-visible{outline-color:#f5efff}.demo-page__cta{background:linear-gradient(135deg,#d9ebff,#c9d7ff);color:#0a1830;box-shadow:0 0 32px #64a4ff40}.demo-page__cta:hover:not(:disabled){background:linear-gradient(135deg,#f0f7ff,#e0e8ff)}.demo-page__close:hover,.demo-footer__link:hover{color:#fff}.demo-page__cta:focus-visible,.demo-page__close:focus-visible{outline-color:#f5efff}.demo-footer__link:focus-visible{outline-color:#f5efff}.auth-modal{color:var(--color-text)}.auth-modal .field__label{color:var(--color-text-muted)}.auth-modal .input{background:var(--color-fill);color:var(--color-text)}.auth-modal .input::placeholder{color:var(--color-text-faint)}.demo-page__form .button--primary{background:linear-gradient(135deg,#d9ebff,#c9d7ff);color:#0a1830}.demo-page__form .button--primary:hover:not(:disabled){background:linear-gradient(135deg,#f0f7ff,#e0e8ff)}input:focus-visible{outline-color:#b99bdc}