.client-root{--c-bg:#05070c;--c-bg-elev:#080b12;--c-surface:#0e131e;--c-surface-2:#141b29;--c-surface-3:#1d2738;--c-line:rgba(255,255,255,0.07);--c-line-strong:rgba(255,255,255,0.13);--c-edge:rgba(255,255,255,0.06);--c-text:#f3f6fb;--c-text-dim:#b4bcc9;--c-text-mute:#8a93a1;--c-accent:#2d9cff;--c-accent-2:#74c2ff;--c-accent-deep:#0a6fd6;--c-accent-soft:rgba(45,156,255,0.12);--c-accent-line:rgba(45,156,255,0.32);--c-accent-glow:rgba(45,156,255,0.46);--c-success:var(--color-success,#45d6a0);--c-warning:var(--color-warning,#ffbb5e);--c-danger:var(--color-danger,#ff6b81);--c-grid:rgba(125,175,240,0.05);--c-noise:0.032;--c-bloom:0.55;--c-radius:14px;--c-radius-sm:9px;--c-shadow:0 2px 4px rgba(0,0,0,0.4),0 24px 50px -32px rgba(0,0,0,0.9);--c-shadow-lg:0 3px 8px rgba(0,0,0,0.5),0 44px 84px -46px rgba(0,0,0,0.96);--c-panel-grad:linear-gradient(168deg,var(--c-surface-2) 0%,var(--c-surface) 46%);min-height:100dvh;width:100%;max-width:100vw;overflow-x:clip;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}.client-root[data-theme=light]{--c-bg:#e6eaf1;--c-bg-elev:#ffffff;--c-surface:#ffffff;--c-surface-2:#f4f6fa;--c-surface-3:#e9edf3;--c-line:rgba(15,23,40,0.13);--c-line-strong:rgba(15,23,40,0.24);--c-edge:rgba(255,255,255,0.85);--c-text:#0c1018;--c-text-dim:#414c5b;--c-text-mute:#69727e;--c-accent-soft:rgba(45,156,255,0.1);--c-accent-line:rgba(45,156,255,0.36);--c-accent-glow:rgba(45,156,255,0.24);--c-grid:rgba(15,23,40,0.045);--c-noise:0.016;--c-bloom:0.26;--c-shadow:0 1px 2px rgba(15,28,54,0.08),0 24px 48px -32px rgba(15,28,54,0.5);--c-shadow-lg:0 2px 10px rgba(15,28,54,0.1),0 44px 80px -44px rgba(15,28,54,0.52);--c-panel-grad:linear-gradient(168deg,var(--c-surface-2) 0%,var(--c-surface) 52%)}.client-root *,.client-root :after,.client-root :before{box-sizing:border-box}.client-root :where(img,svg,video,canvas,input,select,textarea,button){max-width:100%}:where(.client-root) :where(.cl-panel,.cl-card-glass,.cl-btn,.cl-tag,.cl-input,.cl-segment){min-width:0;max-width:100%}.client-root :where(button,a,input,select,textarea){touch-action:manipulation}.client-root :focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:5px}.cl-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(58% 42% at 14% 2%,var(--c-accent-soft) 0,transparent 60%),radial-gradient(48% 40% at 92% 96%,var(--c-accent-soft) 0,transparent 62%),radial-gradient(120% 120% at 50% 0,transparent 56%,rgba(0,0,0,.55) 100%);opacity:var(--c-bloom)}.cl-atmosphere:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--c-grid) 1px,transparent 1px),linear-gradient(90deg,var(--c-grid) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:radial-gradient(ellipse 88% 66% at 50% 0,#000 32%,transparent 80%);mask-image:radial-gradient(ellipse 88% 66% at 50% 0,#000 32%,transparent 80%)}.cl-atmosphere:after{content:"";position:absolute;inset:0;opacity:var(--c-noise);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cl-bloom{position:absolute;border-radius:999px;pointer-events:none;background:var(--c-accent-glow);filter:blur(72px);opacity:var(--c-bloom)}.cl-display{font-weight:700;letter-spacing:-.006em;line-height:1.12}.cl-wordmark{font-family:var(--font-orbitron),sans-serif;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.cl-wordmark>span{color:var(--c-accent);text-shadow:0 0 20px var(--c-accent-glow)}.cl-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-orbitron),sans-serif;font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--c-accent)}.cl-eyebrow:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,transparent,var(--c-accent));box-shadow:0 0 10px var(--c-accent-glow)}.cl-marker{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-orbitron),sans-serif;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-dim)}.cl-marker b{color:var(--c-accent)}.cl-panel{position:relative;border:1px solid var(--c-line);border-radius:var(--c-radius);background:var(--c-panel-grad);box-shadow:inset 0 1px 0 var(--c-edge),var(--c-shadow)}.cl-panel--hero{background:radial-gradient(130% 88% at 100% 0,var(--c-accent-soft) 0,transparent 56%),var(--c-panel-grad);box-shadow:inset 0 1px 0 var(--c-edge),var(--c-shadow-lg)}.cl-panel--accent{border-color:var(--c-accent-line);background:radial-gradient(115% 92% at 0 0,var(--c-accent-soft) 0,transparent 58%),var(--c-panel-grad);box-shadow:inset 0 1px 0 var(--c-edge),inset 0 0 34px -20px var(--c-accent-glow),var(--c-shadow)}.cl-card-glass{position:relative;border:1px solid var(--c-line-strong);border-radius:var(--c-radius);background:color-mix(in oklab,var(--c-surface) 80%,transparent);backdrop-filter:blur(18px) saturate(1.15);box-shadow:inset 0 1px 0 var(--c-edge),var(--c-shadow-lg)}.cl-seam:before{content:"";position:absolute;top:-1px;left:24px;width:60px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--c-accent),transparent);box-shadow:0 0 14px var(--c-accent-glow)}.cl-corner{position:absolute;width:14px;height:14px;pointer-events:none}.cl-corner--tl{top:9px;left:9px;border-top:1.5px solid var(--c-accent-line);border-left:1.5px solid var(--c-accent-line);border-top-left-radius:6px}.cl-corner--br{bottom:9px;right:9px;border-bottom:1.5px solid var(--c-accent-line);border-right:1.5px solid var(--c-accent-line);border-bottom-right-radius:6px}.cl-hover{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.cl-hover:hover{transform:translateY(-3px);border-color:var(--c-accent-line);box-shadow:inset 0 1px 0 var(--c-edge),var(--c-shadow),0 26px 52px -34px var(--c-accent-glow)}.cl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.15rem;border-radius:var(--c-radius-sm);border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .2s ease,transform .14s ease}.cl-btn:active{transform:scale(.98)}.cl-btn:disabled{opacity:.5;cursor:not-allowed}.cl-btn--primary{background:linear-gradient(180deg,var(--c-accent-2) 0,var(--c-accent) 58%,var(--c-accent-deep) 100%);color:#04101f;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 30px -14px var(--c-accent-glow)}.cl-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 18px 38px -12px var(--c-accent-glow)}.cl-btn--primary:active:not(:disabled){transform:scale(.98)}.cl-btn--ghost{background:var(--c-surface-2);border-color:var(--c-line);color:var(--c-text-dim)}.cl-btn--ghost:hover:not(:disabled){border-color:var(--c-accent-line);color:var(--c-text);box-shadow:0 0 0 3px var(--c-accent-soft)}.cl-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--c-radius-sm);border:1px solid var(--c-line);background:var(--c-surface-2);color:var(--c-text-dim);transition:color .15s ease,border-color .15s ease}.cl-icon-btn:hover:not(:disabled){border-color:var(--c-accent-line);color:var(--c-text)}.cl-icon-btn:disabled{opacity:.45}.cl-label{display:block;margin-bottom:.5rem;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--c-text-mute)}.cl-input{width:100%;min-height:48px;padding:0 .9rem;border-radius:var(--c-radius-sm);border:1px solid var(--c-line);background:var(--c-surface-2);color:var(--c-text);font-size:14px;box-shadow:inset 0 1px 2px rgba(0,0,0,.25);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.cl-input::-moz-placeholder{color:var(--c-text-mute)}.cl-input::placeholder{color:var(--c-text-mute)}.cl-input:hover{border-color:var(--c-line-strong)}.cl-input:focus{outline:none;border-color:var(--c-accent);background:color-mix(in oklab,var(--c-surface-2) 86%,var(--c-accent-soft));box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 0 0 3px var(--c-accent-soft)}.cl-input[aria-invalid=true],.cl-input[aria-invalid=true]:hover{border-color:var(--c-danger)}.cl-input[aria-invalid=true]:focus{border-color:var(--c-danger);background:var(--c-surface-2);box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 0 0 3px color-mix(in oklab,var(--c-danger) 20%,transparent)}@media (max-width:767px){.cl-input,.client-root :where(input,select,textarea){font-size:16px}}.cl-nav-link{position:relative;display:flex;align-items:center;gap:.72rem;min-height:42px;padding:0 .7rem;border-radius:var(--c-radius-sm);font-size:13.5px;font-weight:500;color:var(--c-text-dim);transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.cl-nav-link:hover{background:var(--c-surface-2);color:var(--c-text)}.cl-nav-link[data-active=true]{color:var(--c-text);font-weight:600;background:linear-gradient(90deg,color-mix(in oklab,var(--c-accent) 16%,transparent),transparent 72%),var(--c-surface-2);box-shadow:inset 0 0 0 1px var(--c-line)}.cl-nav-link[data-active=true]:before{content:"";position:absolute;left:0;top:50%;width:2.5px;height:20px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(180deg,var(--c-accent-2),var(--c-accent));box-shadow:0 0 12px var(--c-accent-glow)}.cl-nav-link[data-pending=true]{cursor:default;color:var(--c-text-mute)}.cl-nav-link[data-pending=true]:hover{background:transparent;color:var(--c-text-dim)}.cl-pending-dot{width:4px;height:4px;border-radius:999px;background:var(--c-line-strong)}.cl-tag{display:inline-flex;align-items:center;gap:.42rem;padding:.26rem .62rem;border-radius:999px;border:1px solid var(--c-line);background:var(--c-surface-2);font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--c-text-dim)}.cl-dot{width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 8px currentColor}.cl-dot--live{animation:cl-pulse 2.6s ease-in-out infinite}.cl-segment{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--c-line);background:var(--c-surface-2)}.cl-segment button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;border-radius:999px;color:var(--c-text-mute);cursor:pointer;transition:background-color .16s ease,color .16s ease}.cl-segment button:hover{color:var(--c-text-dim)}.cl-segment button[data-active=true]{background:var(--c-surface-3);color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-line),0 0 14px -6px var(--c-accent-glow)}.client-root select{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:44px;border-radius:var(--c-radius-sm);border:1px solid var(--c-line);background-color:var(--c-surface-2);padding:0 2.1rem 0 12px;font-size:13px;color:var(--c-text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238a93a1' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:border-color .16s ease,box-shadow .2s ease}.client-root select:focus,.client-root select:hover{border-color:var(--c-accent-line)}.client-root select:focus{outline:none;box-shadow:0 0 0 3px var(--c-accent-soft)}.client-root select:disabled{cursor:not-allowed;opacity:.55}.client-root select option{background:var(--c-surface-2);color:var(--c-text)}.cl-menu{border-radius:var(--c-radius-sm);border:1px solid var(--c-line-strong);background:var(--c-surface);box-shadow:0 18px 40px -12px rgba(0,0,0,.7)}.cl-menu-item{display:flex;min-height:44px;width:100%;align-items:center;justify-content:space-between;gap:.5rem;border-radius:calc(var(--c-radius-sm) - 2px);padding:0 .75rem;text-align:left;font-size:13px;color:var(--c-text);cursor:pointer;transition:background-color .14s ease,color .14s ease}.cl-menu-item[data-active=true]{background:var(--c-surface-2)}.cl-menu-item[data-selected=true]{color:var(--c-accent)}.cl-menu-item:disabled{cursor:not-allowed;opacity:.45}.cl-choice{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem .95rem;border-radius:var(--c-radius-sm);border:1px solid var(--c-line);background:var(--c-surface-2);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .2s ease}.cl-choice:hover{border-color:var(--c-accent-line)}.cl-choice:has(input:checked){border-color:var(--c-accent-line);background:var(--c-accent-soft);box-shadow:inset 0 0 0 1px var(--c-accent-line)}.cl-choice:has(input:focus-visible){box-shadow:0 0 0 3px var(--c-accent-soft)}.cl-choice-body{min-width:0;flex:1}.client-root,.client-root *,html:has(.client-root),html:has(.client-root) body{scrollbar-width:thin;scrollbar-color:rgba(120,168,224,.45) transparent}html:has(.client-root) ::-webkit-scrollbar,html:has(.client-root) body::-webkit-scrollbar{width:11px;height:11px}html:has(.client-root) ::-webkit-scrollbar-thumb,html:has(.client-root) body::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background-color:rgba(120,168,224,.34);background-clip:padding-box}html:has(.client-root) ::-webkit-scrollbar-thumb:hover,html:has(.client-root) body::-webkit-scrollbar-thumb:hover{background-color:rgba(120,168,224,.52);background-clip:padding-box}html:has(.client-root) ::-webkit-scrollbar-corner,html:has(.client-root) ::-webkit-scrollbar-track,html:has(.client-root) body::-webkit-scrollbar-track{background:transparent}.cl-skel{background-color:var(--c-surface-2);border-radius:var(--c-radius-sm);animation:cl-pulse 2s ease-in-out infinite}@keyframes cl-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.client-root *,.client-root :after,.client-root :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}