:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--stone: #1a1a1a;--steel: #333339;--cyan: #00a8ff;--cyan-soft: rgba(0, 168, 255, .13);--cyan-line: rgba(0, 168, 255, .32);--red: #ff2a2a;--purple: #5e1174;--rose: #ff66b2;--yellow: #ffcc00;--text: #e0e0e0;--muted: #8e8e8e;--muted-dark: #96969f;--line: rgba(224, 224, 224, .12);--line-strong: rgba(0, 168, 255, .34);--panel: rgba(26, 26, 26, .88);--panel-solid: #202023;--project-accent: var(--cyan);--font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{min-width:320px;background:var(--stone);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--stone);color:var(--text);overflow:hidden}button,a,input,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:#00a8ff52;color:#fff}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:14px;top:10px;z-index:200;padding:10px 13px;transform:translateY(-160%);border:1px solid var(--cyan);background:#0b0b0d;color:#fff;font:700 .7rem var(--font-mono);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.broadcast-atmosphere{position:fixed;inset:0;z-index:-6;max-width:100vw;overflow:hidden;contain:strict;pointer-events:none;background:var(--stone)}.night-sky{position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(94,17,116,.24),transparent 24%),radial-gradient(circle at 22% 34%,rgba(0,168,255,.08),transparent 28%),linear-gradient(180deg,#141418,#1a1a1a 58%,#111113)}.night-sky:before{content:"";position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle,rgba(224,224,224,.24) 0 1px,transparent 1.3px);background-size:84px 84px;-webkit-mask-image:linear-gradient(#000,transparent 55%);mask-image:linear-gradient(#000,transparent 55%)}.moon-haze{position:absolute;width:min(38vw,660px);aspect-ratio:1;right:5vw;top:-18vw;border-radius:50%;background:radial-gradient(circle,rgba(224,224,224,.12),rgba(0,168,255,.06) 34%,transparent 69%);filter:blur(8px)}.arena-beam{position:absolute;width:18vw;height:90vh;top:-25vh;opacity:.2;filter:blur(8px);transform-origin:top;background:linear-gradient(180deg,rgba(0,168,255,.3),transparent 78%);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%)}.beam-one{left:13%;transform:rotate(-13deg)}.beam-two{right:22%;transform:rotate(9deg);background:linear-gradient(180deg,rgba(255,42,42,.24),transparent 78%)}.beam-three{right:2%;transform:rotate(20deg);opacity:.13}.arena-architecture{position:absolute;inset:auto 0 0;height:42vh;min-height:260px;opacity:.68}.arena-crown{position:absolute;left:4vw;right:4vw;bottom:18vh;height:15vh;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:clamp(12px,3vw,58px)}.arena-crown i{display:block;height:100%;border:1px solid rgba(142,142,142,.16);border-bottom:0;background:linear-gradient(90deg,#333339c2,#1a1a1ae0);box-shadow:inset -12px 0 #00000024;clip-path:polygon(13% 0,87% 0,100% 100%,0 100%)}.arena-crown i:nth-child(2n){height:78%}.arena-crown i:nth-child(3n){height:62%}.arena-bowl{position:absolute;left:50%;transform:translate(-50%);border:1px solid rgba(142,142,142,.16);background:linear-gradient(180deg,#333339cc,#111113f5);box-shadow:inset 0 28px 60px #00000073}.bowl-back{width:112vw;height:28vh;bottom:-9vh;border-radius:50% 50% 0 0/34% 34% 0 0}.bowl-front{width:76vw;height:18vh;bottom:-9vh;border-radius:50% 50% 0 0/58% 58% 0 0;background:linear-gradient(180deg,#101013f0,#0d0d0f);box-shadow:0 -4px 40px #00a8ff0f,inset 0 12px 50px #0000009e}.arena-gate{position:absolute;left:50%;bottom:3vh;width:min(26vw,420px);height:16vh;min-width:220px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;transform:translate(-50%);opacity:.72}.arena-gate span{height:100%;border:1px solid rgba(0,168,255,.12);background:linear-gradient(90deg,#1b1b1f,#29292e);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.arena-gate span:last-child{transform:scaleX(-1)}.arena-gate b{color:#00a8ff7a;font:800 clamp(2rem,5vw,5rem)/1 var(--font-mono);text-shadow:0 0 22px rgba(0,168,255,.34)}.city-silhouette{position:absolute;left:0;right:0;bottom:17vh;height:13vh;display:flex;align-items:end;gap:3px;opacity:.38}.city-silhouette i{flex:1;min-width:0;height:45%;background:#111114;border-top:1px solid rgba(224,224,224,.08);box-shadow:inset 0 0 0 1px #0000004d}.city-silhouette i:nth-child(3n){height:72%}.city-silhouette i:nth-child(5n){height:100%}.city-silhouette i:nth-child(4n):after{content:"";display:block;width:2px;height:2px;margin:8px auto;background:#ffcc008c;box-shadow:8px 12px #00a8ff73,-7px 24px #ff66b252}.spirit-particles{position:absolute;inset:0}.spirit-particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px 3px #00a8ff52;animation:spirit-drift 9s ease-in-out infinite alternate}.spirit-particles i:nth-child(1){left:8%;top:62%;animation-delay:-2s}.spirit-particles i:nth-child(2){left:14%;top:30%;animation-delay:-5s}.spirit-particles i:nth-child(3){left:23%;top:72%;animation-delay:-1s}.spirit-particles i:nth-child(4){left:32%;top:46%;animation-delay:-6s}.spirit-particles i:nth-child(5){left:41%;top:78%;animation-delay:-3s}.spirit-particles i:nth-child(6){left:49%;top:24%;animation-delay:-7s}.spirit-particles i:nth-child(7){left:56%;top:66%;animation-delay:-4s}.spirit-particles i:nth-child(8){left:63%;top:42%;animation-delay:-8s}.spirit-particles i:nth-child(9){left:71%;top:74%;animation-delay:-1.5s}.spirit-particles i:nth-child(10){left:78%;top:34%;animation-delay:-4.5s}.spirit-particles i:nth-child(11){left:86%;top:59%;animation-delay:-6.5s}.spirit-particles i:nth-child(12){left:93%;top:26%;animation-delay:-2.7s}.spirit-particles i:nth-child(13){left:18%;top:88%;background:var(--red);animation-delay:-7.2s}.spirit-particles i:nth-child(14){left:38%;top:18%;background:var(--rose);animation-delay:-3.2s}.spirit-particles i:nth-child(15){left:67%;top:86%;background:var(--yellow);animation-delay:-5.7s}.spirit-particles i:nth-child(16){left:88%;top:82%;background:var(--purple);animation-delay:-.8s}@keyframes spirit-drift{to{transform:translate3d(16px,-28px,0);opacity:.35}}.window-rain{position:absolute;inset:-20%;opacity:.1;transform:rotate(9deg);background:repeating-linear-gradient(90deg,transparent 0 45px,rgba(0,168,255,.3) 46px,transparent 47px 86px);animation:rain-slide 7s linear infinite}@keyframes rain-slide{to{transform:translate3d(120px,90px,0) rotate(9deg)}}.spirit-mist{position:absolute;width:58vw;height:24vh;border-radius:50%;opacity:.11;filter:blur(40px);background:radial-gradient(ellipse,rgba(0,168,255,.65),transparent 67%);animation:mist-drift 12s ease-in-out infinite alternate}.mist-one{left:8%;bottom:8%}.mist-two{right:-8%;bottom:16%;background:radial-gradient(ellipse,rgba(94,17,116,.8),transparent 67%);animation-delay:-6s}@keyframes mist-drift{to{transform:translate3d(6vw,-2vh,0) scale(1.06)}}.broadcast-scan{position:absolute;left:0;right:0;height:18vh;top:-20vh;opacity:.06;background:linear-gradient(180deg,transparent,rgba(0,168,255,.75),transparent);animation:scan-pass 10s linear infinite}@keyframes scan-pass{to{transform:translateY(140vh)}}.screen-vignette{position:absolute;inset:0;box-shadow:inset 0 0 180px 40px #000000b8}.vhs-lines{position:fixed;inset:0;z-index:79;pointer-events:none;opacity:.035;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(224,224,224,.4) 4px)}.site-shell{position:relative;z-index:0;height:100svh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(72px + var(--safe-top)) minmax(0,1fr) calc(34px + var(--safe-bottom));opacity:1;isolation:isolate}.site-shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#1a1a1af5,#1a1a1ac9 46%,#1a1a1aa8)}.topbar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:var(--safe-top) clamp(18px,2.4vw,38px) 0;border-bottom:1px solid var(--line);background:#1a1a1ac7;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.identity{min-width:0;display:flex;align-items:center;gap:12px}.identity-mark{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--cyan-line);background:#00a8ff14;color:var(--cyan);font:800 .74rem var(--font-mono);clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%);box-shadow:inset 0 0 22px #00a8ff0f}.identity-copy{min-width:0}.identity b,.identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity b{color:var(--text);font-size:.78rem;letter-spacing:.16em}.identity small{margin-top:4px;color:var(--muted-dark);font:600 .53rem var(--font-mono);letter-spacing:.09em}.system-state{flex:1;color:var(--muted);text-align:center;font:600 .6rem var(--font-mono);letter-spacing:.1em;white-space:nowrap}.system-state i,.statusbar i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px #ffcc00bf}.topbar-actions,.topbar nav{display:flex;align-items:center;gap:8px}.nav-chip,.audio-control{min-height:38px;border:1px solid var(--line);background:#141417bd}.nav-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;color:#aaaab0;font:700 .58rem var(--font-mono);letter-spacing:.08em;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease}button.nav-chip{appearance:none}.nav-chip span{color:var(--cyan)}.nav-chip:hover{transform:translateY(-1px);border-color:var(--cyan-line);background:#00a8ff14;color:#fff}.discord-chip span{color:var(--rose)}.audio-control{min-width:0;display:flex;align-items:center;min-height:38px;border:1px solid var(--line);background:#141417bd}.audio-main-button{min-width:238px;max-width:310px;height:36px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;border:0;background:transparent;color:var(--muted);cursor:pointer}.audio-icon{color:var(--yellow);font:700 .52rem var(--font-mono)}.audio-label{min-width:0;display:grid;gap:2px;text-align:left}.audio-label b,.audio-label small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-label b{color:#c8c8cd;font:700 .49rem var(--font-mono);letter-spacing:.1em}.audio-label small{color:var(--muted-dark);font:600 .38rem var(--font-mono);letter-spacing:.07em}.audio-meter{height:13px;display:flex;align-items:end;gap:2px}.audio-meter i{width:2px;height:4px;background:var(--muted-dark)}.audio-control.playing{border-color:var(--cyan-line);background:#00a8ff0f}.audio-control.playing .audio-icon,.audio-control.playing .audio-label small{color:var(--cyan)}.audio-control.playing .audio-meter i{background:var(--cyan);animation:meter 1.1s ease-in-out infinite alternate}.audio-control.playing .audio-meter i:nth-child(2){animation-delay:-.4s}.audio-control.playing .audio-meter i:nth-child(3){animation-delay:-.8s}.audio-control.playing .audio-meter i:nth-child(4){animation-delay:-.2s}.audio-control.audio-error{border-color:#ff2a2a9e;background:#ff2a2a12}.audio-control.audio-error .audio-icon,.audio-control.audio-error .audio-label small{color:var(--red)}@keyframes meter{to{height:13px}}.audio-control label{width:56px;padding-right:9px;display:flex;align-items:center}.audio-control input{width:100%;height:2px;accent-color:var(--cyan);cursor:pointer}.audio-expand-button{width:34px;min-width:34px;height:36px;display:grid;place-items:center;padding:0;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted-dark);font:700 .58rem var(--font-mono);cursor:pointer}.audio-expand-button[aria-expanded=true]{color:var(--cyan);background:#00a8ff0e}.audio-main-button:hover,.audio-expand-button:hover{color:#fff;background:#00a8ff0e}.radio-dock[hidden]{display:none}.radio-dock{width:min(100%,350px);min-width:0;justify-self:end;position:relative;z-index:1;overflow:hidden;contain:layout paint;border:1px solid var(--cyan-line);background:linear-gradient(145deg,#1f1f23f5,#0c0c0ff7);box-shadow:0 16px 45px #00000057,inset 0 0 34px #00a8ff05;animation:radio-dock-in .2s ease both}@keyframes radio-dock-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.radio-video-frame{width:100%;aspect-ratio:16 / 9;height:auto;min-height:0;overflow:hidden;background:#050506}.radio-video-host,.radio-video-host iframe{width:100%!important;height:100%!important;display:block;border:0}.radio-queue{display:grid;grid-template-columns:minmax(0,1fr) 36px 36px;border-top:1px solid var(--line)}.radio-queue button{min-width:0;height:31px;display:grid;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:5px;padding:0 6px;border:0;border-right:1px solid var(--line);background:#0b0b0ec7;color:var(--muted-dark);text-align:left;cursor:pointer}.radio-queue button:hover{background:#00a8ff0f;color:#fff}.radio-queue button.active{background:#00a8ff17;color:var(--cyan)}.radio-queue button span{color:var(--yellow);font:700 .4rem var(--font-mono)}.radio-queue button b{min-width:0;overflow:hidden;color:#9e9ea4;font:650 .38rem var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.radio-queue button.active b{color:#d7d7da}.radio-queue button i{color:currentColor;font:700 .34rem var(--font-mono);font-style:normal}.radio-open-youtube,.radio-collapse-button{width:30px;height:31px;display:grid;place-items:center;border:0;border-right:1px solid var(--line);background:#0b0b0ec7;color:var(--muted-dark);font:700 .72rem var(--font-mono);cursor:pointer}.radio-collapse-button{border-right:0;font-size:.9rem}.radio-open-youtube:hover{color:var(--cyan);background:#00a8ff12}.radio-collapse-button:hover{color:var(--red);background:#ff2a2a0f}.radio-error{margin:0;padding:8px 10px;border-top:1px solid rgba(255,42,42,.26);background:#ff2a2a0f;color:#ff8787;font:650 .43rem var(--font-mono);line-height:1.4}.workspace{width:min(100%,2100px);min-height:0;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(20px,2vw,36px);padding:clamp(18px,2vw,30px);overflow:hidden}.project-rail{min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:12px 0;border-right:1px solid var(--line)}.rail-label{display:grid;gap:4px;margin:0 17px 18px;font:700 .55rem var(--font-mono);letter-spacing:.13em}.rail-label span{color:var(--cyan)}.rail-label b{color:var(--muted-dark);font-size:.48rem}.project-rail button{position:relative;width:100%;display:grid;grid-template-columns:28px 1fr 7px;align-items:center;gap:10px;padding:14px 17px;overflow:hidden;border:0;border-left:2px solid transparent;background:transparent;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease}.project-rail button:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(0,168,255,.12),rgba(94,17,116,.055),transparent);transition:opacity .2s ease}.project-rail button:hover:before,.project-rail button.active:before{opacity:1}.project-rail button span,.project-rail button b,.project-rail button i{position:relative;z-index:1}.project-rail button span{color:var(--muted-dark);font:700 .58rem var(--font-mono)}.project-rail button b{min-width:0;overflow:hidden;color:#9c9ca2;font-size:.72rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.project-rail button i{width:5px;height:5px;border-radius:50%;background:#4d4d52}.project-rail button.active{border-left-color:var(--cyan)}.project-rail button.active span{color:var(--yellow)}.project-rail button.active b{color:#fff}.project-rail button.active i{background:var(--cyan);box-shadow:0 0 12px #00a8ffd9}.rail-help{margin:auto 17px 0;color:#96969f;font:600 .49rem var(--font-mono);letter-spacing:.08em}.project-stage{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.18fr) minmax(0,.55fr);grid-template-areas:"intro visual detail";gap:clamp(22px,2.4vw,42px);align-items:center;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,168,255,.32) transparent;animation:stage-in .18s ease both}.project-stage::-webkit-scrollbar{width:7px}.project-stage::-webkit-scrollbar-thumb{background:#00a8ff42}@keyframes stage-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.project-copy{display:contents}.project-intro{grid-area:intro;min-width:0;align-self:center}.detail-column{grid-area:detail;width:min(100%,350px);min-width:0;justify-self:end;align-self:center;display:grid;align-content:start;gap:12px;overflow:hidden}.detail-panel{min-width:0}.visual-column{grid-area:visual;min-width:0;align-self:center}.project-intro,.detail-panel,.visual-column{animation:stage-in .18s ease both}.broadcast-card{width:min(100%,580px);display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1.1fr);align-items:center;gap:9px;margin:0 0 22px;padding:9px 11px;border-left:2px solid var(--red);background:linear-gradient(90deg,rgba(255,42,42,.08),rgba(94,17,116,.07),transparent);font:700 .46rem var(--font-mono);letter-spacing:.08em}.broadcast-card span{color:var(--red);white-space:nowrap}.broadcast-card b,.broadcast-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcast-card b{color:#d4d4d7}.broadcast-card i{color:var(--yellow);font-style:normal}.broadcast-card strong{color:var(--muted);font-weight:650}.project-kicker{display:flex;align-items:center;gap:11px;color:var(--cyan);font:700 .62rem var(--font-mono);letter-spacing:.14em}.project-kicker span{color:var(--yellow)}h1{max-width:760px;margin:20px 0 9px;color:#f0f0f0;font-size:clamp(3rem,5vw,6.1rem);line-height:.86;letter-spacing:-.075em;text-wrap:balance;text-shadow:3px 3px 0 rgba(94,17,116,.16),-1px -1px 0 rgba(0,168,255,.08)}.descriptor{margin:0 0 23px;color:#c2c2c7;font-size:clamp(.98rem,1.35vw,1.18rem)}.summary{max-width:620px;margin:0;color:var(--muted);line-height:1.7;font-size:clamp(.84rem,.95vw,.98rem)}.project-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.project-actions a,.project-actions button,.project-action-disabled{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 17px;border:1px solid var(--cyan-line);background:#00a8ff17;color:var(--cyan);font:750 .61rem var(--font-mono);letter-spacing:.08em;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.project-actions button{border-color:var(--line);background:#1a1a1ab8;color:#b0b0b5}.project-action-disabled{border-color:#e0e0e01a;background:#1a1a1a75;color:#68686f;cursor:not-allowed}.project-actions a:hover,.project-actions button:hover{transform:translateY(-2px);border-color:var(--red);background:#ff2a2a14;color:#fff}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:29px;padding-top:18px;border-top:1px solid var(--line);color:#aaaab0;font-size:.69rem;line-height:1.5}.project-meta small{display:block;margin-bottom:6px;color:var(--muted-dark);font:650 .51rem var(--font-mono);letter-spacing:.11em}.detail-panel{display:flex;flex-direction:column;max-height:min(58vh,570px);border-left:1px solid var(--line);background:#1a1a1a61}.detail-tabs{display:flex;border-bottom:1px solid var(--line)}.detail-tabs button{flex:1;padding:12px 7px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted-dark);font:750 .54rem var(--font-mono);letter-spacing:.1em;cursor:pointer}.detail-tabs button.active{color:var(--cyan);border-bottom-color:var(--cyan);background:#00a8ff0b}#project-details{min-height:0;overflow:auto}.detail-panel ol{margin:0;padding:4px 0;overflow:auto;list-style:none}.detail-panel li{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:12px;border-bottom:1px solid rgba(224,224,224,.07);color:#adadb2;font-size:.7rem;line-height:1.45}.detail-panel li:last-child{border-bottom:0}.detail-panel li span{color:var(--yellow);font:700 .51rem var(--font-mono)}.stack-cloud{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:14px 12px;overflow:auto}.stack-cloud span{padding:8px 9px;border:1px solid rgba(94,17,116,.5);background:#5e11741f;color:#c8c8cc;font:650 .59rem var(--font-mono)}.visual-frame{position:relative;min-height:clamp(370px,54vh,610px);display:grid;place-items:center;padding:clamp(24px,3vw,48px);overflow:hidden;border:1px solid rgba(0,168,255,.24);background:linear-gradient(145deg,#333339c2,#111113f2);box-shadow:0 38px 120px #0000009e,12px 12px #5e117412,inset 0 0 90px #00a8ff06}.visual-frame:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(0,168,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(0,168,255,.12) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(#000,transparent 92%);mask-image:linear-gradient(#000,transparent 92%)}.visual-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 51%,rgba(255,255,255,.026) 52%,transparent 55%)}.visual-frame>:not(.corner):not(.visual-label):not(.broadcast-time){position:relative;z-index:1}.visual-label,.broadcast-time{position:absolute;top:13px;color:#707078;font:650 .49rem var(--font-mono);letter-spacing:.09em}.visual-label{left:15px}.broadcast-time{right:15px;color:#ffcc009e}.corner{position:absolute;z-index:2;width:19px;height:19px;border-color:var(--cyan);opacity:.68}.c1{left:7px;top:7px;border-left:1px solid;border-top:1px solid}.c2{right:7px;top:7px;border-right:1px solid;border-top:1px solid}.c3{left:7px;bottom:7px;border-left:1px solid;border-bottom:1px solid}.c4{right:7px;bottom:7px;border-right:1px solid;border-bottom:1px solid}.telemetry{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0;background:#1a1a1adb}.telemetry span{min-width:0;padding:11px 13px;border-right:1px solid var(--line)}.telemetry span:last-child{border:0}.telemetry small,.telemetry b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telemetry small{color:var(--muted-dark);font:650 .46rem var(--font-mono);letter-spacing:.1em}.telemetry b{margin-top:4px;color:#b9b9bd;font:700 .56rem var(--font-mono)}.mobile-project-controls{display:none}.device,.code-window{width:min(100%,650px);border:1px solid rgba(224,224,224,.17);background:#121216;box-shadow:0 28px 90px #0000009e,8px 8px #00a8ff09}.window-bar,.browser-bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid rgba(224,224,224,.12);background:#242429}.window-bar>span,.browser-bar>span{width:6px;height:6px;border-radius:50%;background:#66666d}.window-bar>span:first-child,.browser-bar>span:first-child{background:var(--red)}.window-bar>span:nth-child(2),.browser-bar>span:nth-child(2){background:var(--yellow)}.window-bar>span:nth-child(3),.browser-bar>span:nth-child(3){background:var(--cyan)}.window-bar b{margin-left:8px;color:#74747b;font:650 .4rem var(--font-mono)}.desktop-grid{min-height:290px;display:grid;grid-template-columns:94px 1fr}.desktop-grid .desktop-sidebar{padding:13px 9px;border-right:1px solid rgba(224,224,224,.1);background:#18181b}.desktop-grid .desktop-sidebar img{width:24px;margin-bottom:16px}.desktop-grid .desktop-sidebar div{margin:3px 0;padding:7px 6px;border:1px solid transparent;color:#68686f;font-size:.42rem}.desktop-grid .desktop-sidebar div.active{border-color:#00a8ff38;background:#00a8ff17;color:var(--cyan)}.desktop-grid .desktop-content{padding:15px;background:#111114}.desktop-grid .desktop-content header{display:flex;align-items:center;justify-content:space-between;gap:12px}.desktop-grid .desktop-content header small,.mini-stats small{display:block;color:#66666d;font:650 .38rem var(--font-mono)}.desktop-grid .desktop-content header strong{display:block;margin-top:3px;font-size:.9rem}.desktop-grid .desktop-content header .mock-button{padding:7px 9px;border:0;background:var(--cyan);color:#071017;font-size:.42rem;font-weight:850}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}.mini-stats span{padding:9px;border:1px solid rgba(224,224,224,.1);background:#1d1d21}.mini-stats b{display:block;margin-top:3px;font-size:.53rem}.mock-table{border:1px solid rgba(224,224,224,.1)}.mock-table>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:7px;border-bottom:1px solid rgba(224,224,224,.07)}.mock-table>div:last-child{border-bottom:0}.mock-table b,.mock-table small,.phone-row b,.phone-row small{display:block}.mock-table b{font-size:.48rem}.mock-table small{margin-top:2px;color:#68686f;font-size:.35rem}.mock-table em{color:var(--cyan);font-size:.47rem;font-style:normal}.art{display:block;width:28px;aspect-ratio:.72;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,var(--purple),#101014)}.art-1{background:linear-gradient(145deg,var(--red),#3a1418)}.art-2{background:linear-gradient(145deg,var(--yellow),#4b3510)}.art-3{background:linear-gradient(145deg,var(--rose),#32162a)}.browser-bar div{flex:1;margin-left:8px;padding:4px 9px;border:1px solid rgba(224,224,224,.1);color:#717178;font:650 .38rem var(--font-mono)}.website-hero{padding:24px;background:radial-gradient(circle at 75% 20%,rgba(94,17,116,.27),transparent 31%),radial-gradient(circle at 35% 75%,rgba(0,168,255,.13),transparent 34%),linear-gradient(145deg,#1b1b1f,#0c0c0f)}.site-nav{display:flex;align-items:center;gap:7px;color:#dddde0;font-size:.45rem}.site-nav img{width:18px}.site-nav span{margin-left:auto;color:#77777d;font-size:.36rem}.website-content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:28px;margin-top:24px}.site-copy,.site-product-preview{min-width:0}.site-copy small{color:var(--cyan);font:650 .38rem var(--font-mono);letter-spacing:.1em}.site-copy .mock-title{margin:10px 0 14px;font-size:2.05rem;line-height:1.02;letter-spacing:-.055em}.site-copy p{color:#8e8e95;font-size:.62rem;line-height:1.6}.site-copy .mock-button{margin-top:9px;padding:8px 10px;border:0;background:var(--cyan);color:#071017;font-size:.4rem;font-weight:850}.site-product-preview>.desktop-device{width:100%;transform:none;box-shadow:0 14px 32px #00000059}.mobile-scene{position:relative;width:min(100%,510px);min-height:470px;display:grid;place-items:center}.phone-device{width:230px;min-height:430px;padding:0 15px 15px;border:5px solid #09090b;border-radius:28px;background:linear-gradient(155deg,#26262b,#111114);box-shadow:0 35px 100px #000000c7,inset 0 0 0 1px #3b3b41;transform:rotate(-3deg)}.phone-notch{width:70px;height:16px;margin:0 auto 14px;border-radius:0 0 12px 12px;background:#08080a}.phone-head{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center}.phone-head img{width:24px}.phone-head small,.phone-head b{display:block}.phone-head small{color:var(--cyan);font:650 .33rem var(--font-mono)}.phone-head b{margin-top:2px;font-size:.53rem}.phone-head i{color:var(--cyan);font:650 .3rem var(--font-mono);font-style:normal}.phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.phone-stats span{padding:9px;border:1px solid rgba(224,224,224,.1);background:#1c1c20}.phone-stats small,.phone-stats b{display:block}.phone-stats small{color:#717178;font:650 .33rem var(--font-mono)}.phone-stats b{margin-top:3px;font-size:.63rem}.phone-search{padding:9px;border:1px solid rgba(224,224,224,.1);color:#727279;font-size:.41rem;background:#18181c}.phone-row{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(224,224,224,.07)}.phone-row b{font-size:.46rem}.phone-row small{margin-top:2px;color:#717178;font-size:.34rem}.phone-row em{color:var(--cyan);font-size:.43rem;font-style:normal}.checkout-button{width:100%;margin-top:15px;padding:11px;border:0;background:var(--cyan);color:#071017;font-size:.46rem;font-weight:850}.sync-orbit{position:absolute;right:3%;top:19%;display:grid;gap:8px;text-align:center;color:#77777e;font:650 .36rem var(--font-mono)}.sync-orbit b{color:var(--cyan);font-size:1.2rem}.sync-orbit span{padding:7px;border:1px solid rgba(224,224,224,.1);background:#1a1a1e}.code-window{position:relative;z-index:1;background:#111114f7}.code-head{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line);color:#77777e;font:650 .52rem var(--font-mono)}.code-head i{color:var(--red);font-style:normal}.code-window pre{margin:0;padding:clamp(20px,3vw,30px);overflow:auto;color:#b7c7d0;font:600 clamp(.59rem,1vw,.8rem)/1.72 var(--font-mono)}.code-window code:first-line{color:var(--cyan)}.code-status{display:flex;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--line);color:#707077;font:650 .45rem var(--font-mono)}.code-status span:first-child{color:var(--yellow)}.contact-overlay:not([open]){display:none}.contact-overlay::backdrop{background:#08080ad6}.contact-overlay{width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;color:var(--text);position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:transparent}.contact-console{width:min(720px,100%);max-height:min(820px,calc(100svh - 40px));overflow:hidden;border:1px solid rgba(0,168,255,.35);background:linear-gradient(145deg,#2a2a2ffc,#111114fc);box-shadow:18px 18px #5e11741f,0 35px 120px #000000c2}.contact-head{min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line);color:var(--muted-dark);font:650 .53rem var(--font-mono);letter-spacing:.11em}.contact-head button{width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:1.35rem;cursor:pointer}.contact-head button:hover{color:var(--red)}.contact-scroll{max-height:calc(min(820px,100svh - 40px) - 44px);overflow:auto;padding:clamp(22px,4vw,36px)}.contact-copy small{color:var(--yellow);font:750 .57rem var(--font-mono);letter-spacing:.13em}.contact-copy h2{margin:12px 0 10px;font-size:clamp(2rem,5vw,3.7rem);line-height:.93;letter-spacing:-.055em}.contact-copy p{max-width:590px;margin:0;color:var(--muted);line-height:1.65;font-size:.84rem}.direct-channels{display:grid;grid-template-columns:1fr;gap:9px;margin:22px 0}.direct-channels a,.direct-channels button{min-width:0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);background:#111114b8;text-align:left;color:#b9b9be;cursor:pointer}.direct-channels>*>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--cyan-line);color:var(--cyan);font:750 .54rem var(--font-mono)}.direct-channels b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.66rem}.direct-channels b small{display:block;margin-top:3px;color:var(--muted-dark);font:600 .42rem var(--font-mono)}.direct-channels i{color:var(--cyan);font:700 .48rem var(--font-mono);font-style:normal}.broadcast-bug{position:fixed;right:20px;bottom:46px;z-index:20;display:grid;gap:2px;padding:7px 9px;border-right:2px solid rgba(0,168,255,.42);background:#11111494;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-align:right;pointer-events:none}.broadcast-bug span{color:#e2e2e4;font:750 .49rem var(--font-mono);letter-spacing:.13em}.broadcast-bug b{color:#6f6f76;font:650 .37rem var(--font-mono);letter-spacing:.1em}.statusbar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(18px,2.2vw,32px) var(--safe-bottom);border-top:1px solid var(--line);background:#1a1a1ad1;color:#96969f;font:650 .49rem var(--font-mono);letter-spacing:.07em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.statusbar a:hover{color:var(--cyan)}.footer-socials{display:flex;gap:9px;align-items:center}.footer-socials b{color:#3f3f44}.pack-night-device{overflow:hidden;border-color:#19b6b257;box-shadow:0 28px 90px #000000a3,8px 8px #19b6b20e}.pack-night-preview{min-height:360px;padding:18px;background:radial-gradient(circle at 76% 12%,rgba(255,207,68,.18),transparent 28%),linear-gradient(145deg,#eafafa,#f8fbf6 48%,#e6f5f4);color:#173b44}.pack-night-head{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(18,103,116,.13);font-family:var(--font-mono)}.pack-night-head b{color:#087d88;font-size:.78rem;letter-spacing:.05em}.pack-night-head span{font-size:.58rem;font-weight:850;letter-spacing:.12em}.pack-night-head i{margin-left:auto;color:#0b9b67;font-size:.48rem;font-style:normal}.pack-night-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.pack-night-actions span{padding:8px 4px;border-radius:8px;color:#087d88;background:#dff7f6;font:850 .42rem var(--font-mono);text-align:center;letter-spacing:.05em}@media(max-width:1450px){.project-stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"intro visual" "detail visual";align-content:start}.detail-column{align-self:start;width:min(100%,350px);justify-self:end}.detail-panel{max-width:620px;max-height:230px;border-left:0;border-top:1px solid var(--line)}.detail-panel ol{display:grid;grid-template-columns:1fr 1fr}.detail-panel li:nth-child(odd){border-right:1px solid rgba(224,224,224,.07)}}@media(max-width:1180px){.system-state{display:none}.workspace{grid-template-columns:190px minmax(0,1fr)}.project-stage{grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr);gap:24px}.audio-main-button{width:40px;min-width:40px;grid-template-columns:18px auto}.audio-label{display:none}.audio-control label{width:48px}h1{font-size:clamp(2.9rem,5.5vw,5.2rem)}}@media(max-width:900px){body{overflow:auto}.site-shell{height:auto;min-height:100svh;grid-template-rows:calc(62px + var(--safe-top)) auto calc(38px + var(--safe-bottom))}.topbar{position:sticky;top:0;z-index:40;gap:12px;padding-inline:12px}.identity-mark{width:36px;height:36px;flex-basis:36px}.identity b{font-size:.67rem}.identity small{font-size:.46rem}.topbar-actions{margin-left:auto;gap:5px}.nav-chip{width:36px;padding:0}.nav-chip b{display:none}.audio-control{min-height:36px}.audio-main-button{width:35px;min-width:35px;padding:0;place-content:center;display:grid}.audio-meter,.audio-control label{display:none}.workspace{min-height:0;display:block;padding:0;overflow:visible}.project-rail{position:sticky;top:calc(62px + var(--safe-top));z-index:35;min-height:0;height:54px;flex-direction:row;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding:0 8px;border-right:0;border-bottom:1px solid var(--line);background:#1a1a1a;scrollbar-width:none}.project-rail::-webkit-scrollbar{display:none}.rail-label,.rail-help{display:none}.project-rail button{flex:0 0 auto;width:auto;grid-template-columns:24px auto;gap:7px;padding:0 13px;border-left:0;border-bottom:2px solid transparent}.project-rail button i{display:none}.project-rail button.active{border-left:0;border-bottom-color:var(--cyan)}.project-stage{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "visual" "detail";gap:24px;padding:clamp(24px,5vw,48px) clamp(16px,4vw,32px) 40px;overflow:visible}.project-intro,.visual-column{width:min(100%,760px);margin-inline:auto}.detail-column{width:min(100%,760px);margin-inline:auto;justify-self:stretch;overflow:visible}.broadcast-card{grid-template-columns:auto minmax(0,1fr)}.broadcast-card i,.broadcast-card strong{display:none}h1{font-size:clamp(3rem,12vw,6rem)}.visual-frame{min-height:clamp(360px,70vw,570px)}.detail-column{max-width:760px;gap:14px}.detail-panel{max-width:760px;max-height:none;border-top:1px solid var(--line)}.radio-dock{width:min(100%,420px);justify-self:end}.radio-video-frame{height:auto;aspect-ratio:16/9;min-height:0}.detail-panel ol{grid-template-columns:1fr 1fr}.mobile-project-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid var(--line);border-top:0;background:#1a1a1adb}.mobile-project-controls button{min-height:42px;border:0;background:transparent;color:#aaaab0;font:700 .55rem var(--font-mono);cursor:pointer}.mobile-project-controls button:last-child{text-align:right;padding-right:14px}.mobile-project-controls button:first-child{text-align:left;padding-left:14px}.mobile-project-controls span{color:var(--yellow);font:700 .52rem var(--font-mono)}.broadcast-bug{display:none}.statusbar span:nth-child(2),.statusbar span:last-child{display:none}.statusbar{justify-content:space-between}.arena-architecture{opacity:.5}.arena-crown{left:-10vw;right:-10vw}.arena-beam{opacity:.12}}@media(max-width:620px){.identity small{display:none}.identity b{font-size:.62rem;letter-spacing:.11em}.project-stage{padding-top:24px;gap:20px}.broadcast-card{margin-bottom:17px;padding-inline:8px}.project-kicker{font-size:.56rem}h1{margin-top:17px;font-size:clamp(2.7rem,14vw,4.8rem)}.descriptor{margin-bottom:18px}.summary{font-size:.82rem}.project-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:22px}.project-actions a,.project-actions button,.project-action-disabled{padding:0 10px;font-size:.54rem}.project-meta{grid-template-columns:1fr;gap:13px;margin-top:22px}.visual-frame{min-height:340px;padding:33px 14px 20px}.visual-label{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcast-time{display:none}.detail-panel ol{grid-template-columns:1fr}.detail-panel li:nth-child(odd){border-right:0}.radio-dock{width:100%;justify-self:stretch}.radio-queue{grid-template-columns:minmax(0,1fr) 40px 40px}.telemetry span{padding:10px 8px}.telemetry small{font-size:.4rem}.telemetry b{font-size:.49rem}.desktop-grid{grid-template-columns:70px 1fr;min-height:245px}.desktop-grid .desktop-sidebar{padding:10px 6px}.desktop-grid .desktop-sidebar div{padding:6px 3px;font-size:.34rem}.desktop-grid .desktop-content{padding:10px}.mock-table>div:nth-child(4){display:none}.mobile-scene{min-height:405px}.phone-device{width:200px;min-height:380px;padding-inline:12px}.sync-orbit{display:none}.code-window pre{padding:18px 14px;font-size:.54rem}.pack-night-preview{min-height:310px;padding:12px}.pack-night-actions span{font-size:.5rem}.contact-overlay{padding:10px}.contact-console{max-height:calc(100svh - 20px)}.contact-scroll{max-height:calc(100svh - 64px);padding:20px 15px}.direct-channels{grid-template-columns:1fr}.statusbar{padding-inline:12px;font-size:.42rem}.footer-socials{gap:6px}.night-sky:before{opacity:.25}.arena-beam{display:none}.spirit-particles i:nth-child(n+9){display:none}.window-rain{opacity:.06}}@media(max-width:390px){.topbar{padding-inline:8px}.identity-mark{width:32px;height:32px;flex-basis:32px}.identity b{font-size:.56rem}.nav-chip{width:32px}.audio-main-button{width:32px;min-width:32px}.audio-expand-button{width:30px;min-width:30px}.project-rail button{padding-inline:10px}.project-rail button b{font-size:.65rem}.project-stage{padding-inline:12px}.project-actions{grid-template-columns:1fr}.project-actions a,.project-actions button,.project-action-disabled{width:100%}.visual-frame{min-height:310px}.telemetry b{font-size:.43rem}}@media(min-width:1800px)and (min-height:900px){.workspace{grid-template-columns:240px minmax(0,1fr);padding:32px 38px}.project-stage{gap:48px}.visual-frame{min-height:610px}}@media(min-width:901px)and (max-height:760px){.site-shell{grid-template-rows:64px minmax(0,1fr) 30px}.workspace{padding-block:14px}.project-stage{align-items:start}.visual-frame{min-height:430px}.broadcast-card{margin-bottom:14px}h1{margin-top:14px;font-size:clamp(2.7rem,4.6vw,4.9rem)}.descriptor{margin-bottom:15px}.summary{line-height:1.55}.project-actions{margin-top:18px}.project-meta{margin-top:18px;padding-top:13px}.detail-panel{max-height:390px}}@media(orientation:landscape)and (min-width:760px)and (max-width:900px)and (max-height:540px){.project-stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr);grid-template-areas:"intro visual" "detail visual";padding-top:20px}.project-intro,.detail-column,.visual-column{width:100%}.visual-frame{min-height:360px}.detail-panel{max-height:210px}.detail-panel ol{grid-template-columns:1fr 1fr}.mobile-project-controls{display:none}h1{font-size:2.9rem}}@media(hover:none){.project-actions a:hover,.project-actions button:hover,.nav-chip:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.window-rain,.spirit-mist,.broadcast-scan,.spirit-particles{display:none}}@media(prefers-contrast:more){:root{--line:rgba(224,224,224,.3);--muted:#bcbcc1;--muted-dark:#8e8e94 }.site-shell:before{background:#101012f0}}.project-intro h1{overflow-wrap:anywhere}.project-rail button{flex-shrink:0}.project-rail button b{overflow-wrap:anywhere}.project-stage:focus{outline-offset:-3px}.project-action-disabled{color:#ababaf;cursor:default}.radio-queue button{min-height:40px}.radio-open-youtube,.radio-collapse-button{width:100%;height:40px}@media(max-width:1180px)and (min-width:901px){.project-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "visual" "detail";align-content:start}.detail-column{width:100%;justify-self:stretch}.detail-panel{max-height:none}.visual-frame{min-height:360px}}@media(max-width:620px){.nav-chip,.audio-main-button,.audio-expand-button{min-width:36px;min-height:44px}.identity{gap:7px}.topbar nav{gap:4px}.topbar-actions{gap:4px}.topbar{gap:8px}.topbar,.statusbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a1a1a}.spirit-mist,.window-rain,.broadcast-scan,.spirit-particles{display:none}.detail-tabs button{min-height:44px;font-size:.65rem}.summary{font-size:.92rem;line-height:1.65}.detail-panel li{font-size:.82rem}.project-meta{font-size:.8rem}.contact-head button{width:44px;height:44px}.contact-scroll{max-height:calc(100svh - 90px)}}.mock-button,.checkout-button{display:inline-block}.broadcast-atmosphere.is-paused *,.broadcast-atmosphere.is-paused *:before,.broadcast-atmosphere.is-paused *:after{animation-play-state:paused!important}.preview-note{margin:12px 0 0;text-align:center;font-size:.6rem;color:#4e686f}.sim-table{margin-top:14px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#124953,#082c38);color:#d0eeef;border:1px solid #2c7c87}.sim-opponent,.sim-center{display:flex;justify-content:space-between;gap:8px;align-items:center;font:700 .55rem var(--font-mono)}.sim-opponent b{color:#ffdc89}.sim-cards{display:flex;justify-content:center;gap:10px;margin:12px 0}.sim-cards i{display:block;width:44px;aspect-ratio:.72;border:2px solid #79b3b8;border-radius:4px;background:repeating-linear-gradient(45deg,#214650 0 4px,#28535d 4px 8px);box-shadow:0 3px 8px #0005}.player-cards i{background:linear-gradient(145deg,#caac67,#f4e1aa 40%,#316b77 41%,#17424d);border-color:#e5d29b}.player-cards i:nth-child(2n){background:linear-gradient(145deg,#65599c,#b3a2c7 40%,#367b5d 41%,#123d3c)}.sim-center{padding-block:10px;border-block:1px solid #4c798244;color:#aac8ce;font-size:.48rem}.sim-center b{color:#f7d185}.sim-caption{text-align:center;color:#8cbbb9;font:650 .46rem var(--font-mono);letter-spacing:.15em}.radio-queue button b{font-size:.6rem}.boot-screen:not([open]){display:none}.boot-screen::backdrop{background:#111113}.boot-screen{position:fixed;inset:0;width:100%;max-width:none;height:100svh;max-height:none;margin:0;border:0;display:grid;place-items:center;padding:clamp(12px,4vw,32px);background:#111113;color:var(--text);font-family:var(--font-mono);overflow:auto}.boot-frame{width:min(680px,100%);min-width:0;padding:clamp(22px,5vw,50px);border:1px solid var(--cyan-line);background:linear-gradient(145deg,#1d1d22,#0d0d10);box-shadow:12px 12px #5e11741c,0 24px 80px #0005}.boot-channel{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#b2b2bc;font-size:.6rem;letter-spacing:.1em}.boot-channel span{color:var(--cyan)}.boot-channel i{margin-left:auto;color:#ff8c8c;font-style:normal}.boot-mark{margin:32px 0 0;color:#f0f0f0;font:900 clamp(2.6rem,11vw,6.6rem)/.85 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.085em;text-shadow:3px 3px 0 #5e117429}.boot-mark span{color:var(--cyan);animation:boot-blink .8s steps(1) infinite}@keyframes boot-blink{50%{opacity:.25}}.boot-subtitle{margin-top:14px;color:#aaaab4;font-size:clamp(.52rem,1.4vw,.7rem);letter-spacing:.12em;line-height:1.6}.boot-log{height:108px;margin-top:24px}.boot-log p{display:flex;gap:14px;margin:10px 0;color:#b5b5bf;font-size:clamp(.6rem,1.6vw,.76rem);overflow-wrap:anywhere}.boot-log p span{color:var(--yellow)}.boot-progress{height:2px;margin-top:12px;overflow:hidden;background:#00a8ff29}.boot-progress i{display:block;height:100%;background:var(--cyan);transition:width .18s linear}.boot-description{margin:22px 0 16px;color:#b2b2bc;font:.85rem/1.6 ui-sans-serif,system-ui,sans-serif}.boot-actions{display:flex;flex-wrap:wrap;gap:10px}.boot-actions button{min-height:46px;padding:12px 16px;border:1px solid var(--cyan);background:#00a8ff1a;color:#79d3ff;font:750 .68rem var(--font-mono);letter-spacing:.06em;cursor:pointer}.boot-actions button+button{border-color:#61616d;background:#1b1b20;color:#c5c5cc}.boot-actions button:hover{border-color:var(--yellow);color:#fff}.boot-footnote{display:block;margin-top:16px;color:#a0a0ab;font:.68rem/1.5 ui-sans-serif,system-ui,sans-serif}.radio-video-frame{min-height:200px}.radio-play-prompt{display:grid;gap:10px;padding:12px;color:#c7dce5;font:.75rem/1.5 ui-sans-serif,system-ui,sans-serif}.radio-play-prompt b{color:#79d3ff;font:700 .65rem var(--font-mono);letter-spacing:.1em}.radio-dock{scroll-margin-block:12px}@media(max-width:900px){.radio-dock{scroll-margin-top:calc(128px + var(--safe-top))}}@media(max-width:900px)and (max-height:440px){.radio-video-frame{height:200px;aspect-ratio:auto}}.radio-play-prompt button{min-height:44px;padding:8px;border:1px solid var(--cyan);background:#00a8ff1a;color:#79d3ff;cursor:pointer;font:700 .7rem var(--font-mono)}@media(max-width:390px){.boot-actions{display:grid}.boot-frame{padding:22px 18px}.boot-channel{font-size:.52rem;gap:10px}}@media(max-height:600px){.boot-screen{place-items:start center;padding:12px}.boot-frame{padding-block:18px}.boot-mark{margin-top:18px}.boot-log{height:54px;margin-top:14px}.boot-log p:nth-child(n+3),.boot-footnote{display:none}.boot-description{margin-block:16px 12px;font-size:.8rem}}@media(max-height:440px){.boot-frame{padding:14px 20px}.boot-mark{margin-top:12px;font-size:clamp(2.4rem,7vw,3rem)}.boot-log{display:none}.boot-description{line-height:1.4}}@media(prefers-reduced-motion:reduce){.boot-mark span{animation:none}.boot-progress i{transition:none}}.product-preview{width:100%;min-width:0}.product-preview>*{margin-inline:auto}.visual-frame.has-showcase{display:block;min-width:0;max-width:100%;min-height:0;padding:48px 18px 18px}.project-showcase{width:100%;max-width:100%;min-width:0;contain:inline-size;--scene-line:rgba(0,168,255,.26)}.showcase-screen{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);background:#101013}.showcase-track{display:flex;width:100%;height:clamp(260px,36vh,420px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none}.showcase-track::-webkit-scrollbar{display:none}.showcase-slide{position:relative;flex:0 0 100%;width:100%;min-width:0;height:100%;display:grid;place-items:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;contain:layout paint}.showcase-image-scroll{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;min-height:0}.showcase-image-scroll img{position:absolute;inset:0;display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain}.showcase-slide video{width:100%;height:100%;object-fit:contain}.showcase-illustration{position:absolute;inset:0;width:100%;height:100%;padding:24px;overflow:hidden;background:radial-gradient(ellipse at 35% 15%,rgba(0,168,255,.08),transparent 70%)}.showcase-illustration-content{position:absolute;top:50%;left:50%;width:calc(100% - 48px);max-width:940px;transform:translate(-50%,-50%) scale(var(--illustration-scale,1));transform-origin:center}.showcase-illustration-website .showcase-illustration-content{width:800px;max-width:none}.project-showcase .showcase-illustration .site-copy .mock-title{color:#e8e8ed}.showcase-illustration .device,.showcase-illustration .code-window{transform:none;width:100%;max-width:100%}.showcase-illustration .mobile-scene{width:100%}.showcase-illustration .desktop-device{min-width:0}.project-showcase .showcase-illustration :is(.browser-bar div,.window-bar b,.desktop-sidebar div:not(.active),.desktop-content header small,.mini-stats small,.mock-table small,.phone-head small,.phone-stats small,.phone-row small,.phone-search,.site-nav span,.site-copy p,.code-head span,.code-status span){color:#bdc7d3}.showcase-illustration .pack-night-preview{background:radial-gradient(circle at 76% 12%,#19434c 0,transparent 60%),#12232e;color:#d3e6e8}.showcase-illustration .pack-night-head b{color:#8addda}.showcase-illustration .pack-night-head i{color:#9bdfb9}.showcase-illustration .pack-night-actions span{background:#193d46;color:#bee8e8;border:1px solid #3b6068}.showcase-illustration .preview-note{color:#becbd2}.showcase-arrow-controls .showcase-expand{min-height:44px;padding:0 13px;border:1px solid #587288;background:#0f1319f0;color:#e0e0e0;font:700 .6rem var(--font-mono);letter-spacing:.08em;cursor:pointer}.showcase-expand span{margin-left:10px;color:#5dc7ff;font-size:1rem}.showcase-media-label{display:block;margin-bottom:10px;color:#b3bdc8;font:600 .48rem var(--font-mono);line-height:1.6;letter-spacing:.07em;overflow-wrap:anywhere}.showcase-navigation{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.single-scene .showcase-navigation{justify-content:flex-end}.showcase-scene-number{display:flex;align-items:baseline;gap:10px;color:#c8d1db;font:700 .85rem var(--font-mono)}.showcase-scene-number>span{color:#a7a7b3;font-size:.52rem;letter-spacing:.12em}.showcase-scene-number b{color:#5dc7ff}.showcase-scene-number small{color:#a7a7b3;font-size:.65rem;font-weight:500}.showcase-arrow-controls{display:flex;gap:8px;margin-left:auto}.showcase-arrow-controls button{min-width:44px;min-height:44px;border:1px solid var(--scene-line);background:#00a8ff0a;color:#bfe6ff;font-size:1rem;cursor:pointer}.showcase-arrow-controls button:disabled{opacity:.35;cursor:default}.showcase-arrow-controls .showcase-inspect{padding:0 10px;color:#c3c3cd;font:700 .56rem var(--font-mono)}.showcase-caption{min-height:92px;margin-top:10px}.showcase-caption h3{margin:0 0 7px;font-size:clamp(.94rem,1.15vw,1.15rem);font-weight:650;color:#e2e2e8;letter-spacing:-.02em}.showcase-caption p{margin:0;max-width:74ch;color:#aeb0ba;font-size:.78rem;line-height:1.65}.showcase-filmstrip{position:relative;display:flex;gap:7px;min-width:0;margin-top:16px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#345267 transparent;padding-bottom:6px}.showcase-filmstrip button{flex:0 0 116px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:64px;padding:9px 10px;text-align:left;border:1px solid var(--line);background:#0e0f13b3;color:#b9b9c4;cursor:pointer}.showcase-filmstrip button>img{display:block;width:100%;height:33px;object-fit:cover;object-position:top;border:1px solid #ffffff10}.showcase-filmstrip button[aria-current]{border-color:#3aa7e0;background:#00a8ff17;color:#e0f4ff}.showcase-filmstrip button>span{color:#65c4f8;font:700 .58rem var(--font-mono)}.showcase-filmstrip button b{font-size:.62rem;line-height:1.4;font-weight:550}.showcase-filmstrip button small{font:600 .5rem var(--font-mono)}.showcase-help{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:12px 0 0;color:#a1a1af;font:600 .47rem var(--font-mono);letter-spacing:.06em;line-height:1.5}.showcase-fallback{display:grid;place-content:center;width:min(90%,420px);gap:12px;padding:30px;text-align:center}.showcase-fallback>span{color:#6ecaff;font:700 .65rem var(--font-mono);letter-spacing:.1em}.showcase-fallback p{margin:0;color:#b6b6c0;font-size:.8rem;line-height:1.6}.project-actions .showcase-primary{border-color:var(--cyan-line);background:#00a8ff17;color:#65c4f8}.project-platform{margin:12px 0 0;color:#b2b2bc;font:600 .53rem var(--font-mono);letter-spacing:.065em;line-height:1.7}.project-viewer:not([open]){display:none}.project-viewer{position:fixed;width:100%;max-width:none;height:100%;max-height:none;inset:0;margin:0;border:0;padding:20px;background:transparent;color:var(--text);overflow:hidden}.project-viewer::backdrop{background:#07080ced;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.project-viewer-console{width:min(1380px,100%);height:min(1020px,calc(100svh - 40px));margin:auto;display:flex;flex-direction:column;border:1px solid rgba(0,168,255,.4);background:linear-gradient(135deg,#202025,#141417 65%);box-shadow:0 20px 120px #0009,inset 0 1px #ffffff09;animation:viewer-enter .22s ease-out both}.project-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;border-bottom:1px solid var(--line)}.project-viewer-header>div{min-width:0}.project-viewer-header span{color:#62c2fb;font:650 .57rem var(--font-mono);letter-spacing:.11em}.project-viewer-header h2{margin:7px 0 0;color:#ebebf0;font-size:clamp(1rem,2.2vw,1.6rem);line-height:1.25;letter-spacing:-.035em}.project-viewer-header button{flex:none;width:44px;height:44px;border:1px solid var(--line);background:#101014;color:#d1d1dc;font-size:1.5rem;cursor:pointer}.expanded-showcase{flex:1;display:flex;flex-direction:column;min-height:0;padding:18px 22px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#345267 transparent}.expanded-showcase .showcase-screen{flex:1 0 240px;min-height:0}.expanded-showcase .showcase-track{height:100%}.expanded-showcase>:not(.showcase-screen),.project-viewer-header,.project-viewer-footer{flex-shrink:0}.expanded-showcase .showcase-caption{min-height:0}.expanded-showcase .showcase-caption p{font-size:.85rem}.expanded-showcase .showcase-filmstrip{flex-shrink:0}.expanded-showcase .showcase-illustration{padding:clamp(16px,3vw,44px)}.expanded-showcase .showcase-illustration .device{max-width:940px}.is-inspecting .showcase-slide[aria-hidden=false] .showcase-image-scroll{display:block;overflow:auto;overscroll-behavior:contain}.is-inspecting .showcase-slide[aria-hidden=false] img{position:relative;inset:auto;height:auto;min-height:0;object-fit:initial}.project-viewer-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:13px 22px;border-top:1px solid var(--line);background:#00000024;color:#aeb2c0;font:600 .55rem var(--font-mono);letter-spacing:.06em;line-height:1.5}.project-viewer-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid var(--cyan-line);color:#69c8ff;background:#00a8ff0d}.viewer-requirement{color:#c4a2d6}.showcase-arrow-controls button:not(:disabled):hover,.showcase-expand:hover,.showcase-filmstrip button:hover,.project-viewer-header button:hover{border-color:#5dc7ff;color:#fff;background:#00a8ff21}.showcase-sample-workflow{width:100%;border:1px solid #354554;background:#111d27;color:#cfdae6;border-radius:8px;overflow:hidden;box-shadow:0 20px 50px #0005}.sample-workflow-head{padding:16px;display:flex;justify-content:space-between;gap:10px;font:700 .68rem var(--font-mono);border-bottom:1px solid #324452;color:#d9e7f2}.sample-workflow-head span{color:#8ec7b6;font-size:.53rem}.sample-workflow-body{padding:22px}.sample-workflow-body h4{margin:0 0 10px;font-size:1.15rem}.sample-workflow-body>p{margin:0 0 18px;color:#a1b3c5;font-size:.75rem;line-height:1.6}.sample-workflow-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #2d414e;font-size:.75rem}.sample-workflow-row small{display:block;margin-top:5px;color:#99aebe}.sample-workflow-total{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding:16px;background:#203d3c;color:#98e3c9;font-size:.8rem}.sample-workflow-chart{display:block;width:100%;height:90px;margin:15px 0}.sample-decks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sample-deck{min-height:120px;padding:15px 10px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;border:1px solid #346461;background:linear-gradient(160deg,#234d51,#172532 65%);font:700 .6rem var(--font-mono)}.sample-deck:nth-child(2){background:linear-gradient(160deg,#655431,#2b2530 65%);border-color:#725c3c}.sample-deck:nth-child(3){background:linear-gradient(160deg,#65363c,#282130 65%);border-color:#69424d}.sample-deck small{color:#bfc4ce;font-size:.48rem;font-weight:500}@keyframes viewer-enter{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@media(max-width:620px){.visual-frame.has-showcase{padding:43px 10px 12px}.showcase-track{height:280px}.showcase-illustration{padding:12px}.showcase-illustration-content{width:calc(100% - 24px)}.showcase-caption{min-height:105px}.showcase-caption p{font-size:.76rem}.showcase-filmstrip button{flex-basis:105px}.project-viewer{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.project-viewer-console{height:calc(100svh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.project-viewer-header{padding:12px}.project-viewer-header span{font-size:.46rem}.expanded-showcase{padding:12px}.expanded-showcase .showcase-screen{flex-basis:240px}.project-viewer-footer{padding:10px 12px;font-size:.49rem}.showcase-media-label{font-size:.43rem}.sample-workflow-body{padding:14px}.sample-workflow-body>p{font-size:.65rem}.sample-workflow-row{font-size:.65rem}}@media(max-height:540px){.expanded-showcase .showcase-screen{flex-basis:240px;flex-shrink:0}.project-viewer-header{padding-block:8px}.project-viewer-header span{display:none}.project-viewer-header h2{margin-top:0}.project-viewer-footer{padding-block:7px}}@media(prefers-reduced-motion:reduce){.project-viewer-console{animation:none}.showcase-track{scroll-behavior:auto}}