[data-theme=dark]{--bg:#000;--fg:#fff;--fg60:#ffffffa8;--fg35:#ffffff6b;--glass:linear-gradient(160deg, #ffffff1a, #ffffff09 45%, #3d7bff0f);--glass2:#ffffff12;--glass3:#ffffff21;--edge:#ffffff26;--edgeTop:#ffffff59;--field:#00000059;--scrim:#0000006b;--scrim2:#0000008c;--shadow:0 40px 90px #00000073}[data-theme=light]{--bg:#eef0f4;--fg:#0a0a0c;--fg60:#0a0a0cb3;--fg35:#0a0a0c7a;--glass:linear-gradient(160deg, #ffffffeb, #ffffffb8 55%, #3d7bff0f);--glass2:#0a0a0c0f;--glass3:#0a0a0c1c;--edge:#0a0a0c17;--edgeTop:#fff;--field:#0a0a0c0b;--scrim:#eef0f48c;--scrim2:#14182259;--shadow:0 24px 60px #141e3c1f, 0 2px 6px #141e3c0f}
.hover-lift:hover{transform:translateY(-1px)!important}.hover-glass3:hover{background:var(--glass3)!important}.hover-fg:hover{color:var(--fg)!important}.hover-ring:hover{box-shadow:inset 0 0 0 1px #3d7bffb3!important}.focus-glow:focus{box-shadow:inset 0 0 0 1px #3d7bffe6,0 0 24px #3d7bff40!important}.focus-ring:focus{box-shadow:inset 0 0 0 1px #3d7bffe6!important}
.app-column>*{flex-shrink:0}
html,body{background:#000;height:100%;margin:0;font-family:Manrope,sans-serif;overflow:hidden}a{color:#7fb0ff}a:hover{color:#fff}input::placeholder{color:var(--fg35)}input[type=range]{appearance:none;background:var(--edge);border-radius:2px;outline:0;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:linear-gradient(#5b93ff,#2f66e6);border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 1px #ffffff80,0 6px 18px #3d7bff80}@keyframes rise{0%{opacity:0;filter:blur(10px);transform:translateY(60px)scale(.9)}to{opacity:1;filter:none;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}@keyframes pulseDot{0%,to{box-shadow:0 0 #3d7bff99}70%{box-shadow:0 0 0 10px #3d7bff00}}@keyframes glowPulse{0%,to{box-shadow:inset 0 0 0 1px var(--edge), 0 0 40px #3d7bff2e}50%{box-shadow:inset 0 0 0 1px #3d7bff99,0 0 70px #3d7bff73}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flashOut{0%{opacity:1}to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes build{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}