@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.flex{display:flex}.resize{resize:both}}:root{--bg:#060c18;--panel:#0f1a2c;--line:#1f3556;--text:#dbeafe;--muted:#8ea6c6;--ok:#22c55e;--bad:#ef4444}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 8%,#225ea873 0,transparent 28%),radial-gradient(circle at 88% 10%,#0f766e59 0,transparent 24%),var(--bg);min-height:100vh;color:var(--text);letter-spacing:.01em;margin:0;font-family:Manrope,Space Grotesk,sans-serif}#root{min-height:100vh}.client-register-root{background:radial-gradient(circle at 14% 18%,#3b82f647,#0000 24%),radial-gradient(circle at 84% 14%,#14b8a638,#0000 24%),linear-gradient(145deg,#07111f,#091426 54%,#030813);place-items:center;min-height:100vh;padding:24px;display:grid}.client-panel{border:1px solid var(--line);background:linear-gradient(#0f1a2cf5,#08101ef5);border-radius:16px;width:min(680px,100%);padding:18px}.client-register-shell{background:radial-gradient(circle at 100% 0,#2563eb2e,#0000 28%),radial-gradient(circle at 0 100%,#2dd4bf1f,#0000 28%),linear-gradient(#0f1a2cf5,#070e1bfa);border-radius:24px;gap:18px;width:min(760px,100%);padding:28px;box-shadow:0 30px 70px #0208176b}.client-register-head{gap:8px;display:grid}.client-register-badge{color:#bfdbfe;text-transform:uppercase;letter-spacing:.1em;background:#1e40af3d;border:1px solid #60a5fa47;border-radius:999px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.client-register-head h1{letter-spacing:-.04em;color:#f8fbff;margin:0;font-size:clamp(32px,5vw,48px);line-height:.98}.client-register-head p{color:#a6bdd8;margin:0;font-size:15px;line-height:1.6}.stack{gap:12px;display:grid}.key-box{background:#071f3db8;border:1px dashed #6ea8ff;border-radius:18px;padding:14px;overflow:auto}.key-box code{color:#cde5ff;letter-spacing:.04em;font-size:16px}.client-key-box{gap:8px;padding:18px;display:grid}.client-key-box small{color:#7dd3fc;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.client-register-actions{flex-wrap:wrap;gap:10px;display:flex}.client-status-card{background:#081222bf;border:1px solid #475569d1;border-radius:18px;gap:8px;padding:16px 18px;display:grid}.client-status-card small{color:#7dd3fc;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.client-status-card strong{color:#f8fbff;font-size:18px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{color:#fff;cursor:pointer;background:linear-gradient(#2563eb,#1d4ed8);border:1px solid #3b82f6;border-radius:10px;padding:10px 14px;font-weight:700}.btn-muted{background:linear-gradient(#334155,#1e293b);border-color:#475569}.error-box{color:#fecaca;background:#7f1d1d73;border:1px solid #f87171;border-radius:10px;padding:10px}.token-input{border:1px solid var(--line);width:100%;min-height:96px;color:var(--text);resize:vertical;background:#0a1628cc;border-radius:10px;padding:10px}.screen-root{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.pill{text-transform:uppercase;letter-spacing:.08em;border:1px solid #93c5fd40;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.pill.ok{color:#bbf7d0;background:#16653459;border-color:#22c55e}.pill.bad{color:#fecaca;background:#991b1b52;border-color:#ef4444}.pill.neutral{color:#bae6fd;background:#0284c738;border-color:#38bdf8}.screen-layout{background:#000;flex-direction:column;gap:0;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:flex}.screen-layout.waiting-layout{justify-content:center;align-items:center;padding:20px}.row-zone{gap:0;min-height:0;display:flex}.zone{min-width:0;min-height:0;box-shadow:none;background:#000;border:0;overflow:hidden}.zone-content{background:#000;width:100%;min-width:0;height:100%;min-height:0;position:relative}.zone-content-fullscreen{background:#000}.zone iframe,.zone img,.zone video{object-fit:cover;background:#000;border:0;width:100%;height:100%}.zone-fullscreen-toggle{z-index:8;color:#e2e8f0;letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.22;background:#0206172e;border:1px solid #94a3b84d;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;transition:opacity .16s,transform .16s,background-color .16s,border-color .16s;display:inline-flex;position:absolute;top:14px;right:14px;transform:translateY(-4px)}.zone-content-with-toggle:hover .zone-fullscreen-toggle,.zone-content-with-toggle:focus-within .zone-fullscreen-toggle,.zone-content-fullscreen .zone-fullscreen-toggle{opacity:1;transform:translateY(0)}.zone-fullscreen-toggle:hover,.zone-fullscreen-toggle:focus-visible{background:#0f172ab8;border-color:#7dd3fcb8;outline:none}.zone-fullscreen-icon{opacity:.9;border:1.5px solid;border-radius:2px;width:11px;height:11px;display:inline-block}.zone-empty{background:#000;width:100%;height:100%}.ad-overlay{z-index:50;cursor:pointer;background:#000;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.ad-stage{pointer-events:none;background:#000;position:absolute;inset:0}.ad-stage img,.ad-stage video,.ad-stage iframe{object-fit:cover;background:#000;border:0;width:100%;height:100%}.ad-empty{color:#e2e8f0;text-align:center;background:#050505;place-items:center;width:100%;height:100%;padding:24px;display:grid}.ad-empty strong{overflow-wrap:anywhere;max-width:min(760px,90vw);font-size:clamp(24px,4vw,54px);line-height:1.1}.ad-skip{z-index:2;color:#f8fafc;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617b8;border:1px solid #e2e8f08c;border-radius:999px;min-width:96px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:800;position:absolute;top:22px;right:22px}.ad-skip:hover,.ad-skip:focus-visible{background:#0f172ae6;border-color:#f8fafc;outline:none}.screen-menu{z-index:20;position:absolute;top:14px;right:14px}.screen-menu-trigger{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0f172ab8;border:1px solid #94a3b859;border-radius:999px;place-items:center;gap:3px;width:42px;height:42px;padding:0;display:grid}.screen-menu-trigger span{background:#e2e8f0;border-radius:999px;width:4px;height:4px;display:block}.screen-menu-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617e0;border:1px solid #475569b3;border-radius:14px;gap:10px;min-width:260px;padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 40px #02081773}.screen-menu-section{gap:4px;display:grid}.screen-menu-section small{color:#93c5fd;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.screen-menu-section strong{color:#eff6ff;font-size:14px}.screen-menu-section code{color:#bfdbfe;overflow-wrap:anywhere;font-size:11px}.waiting-template-screen{text-align:center;background:radial-gradient(circle at 12% 10%,#3b82f633,#0000 30%),radial-gradient(circle at 82% 14%,#14b8a630,#0000 34%),linear-gradient(140deg,#081426f2,#040d1bf7);border:1px solid #5c8fdb59;border-radius:22px;place-items:center;gap:10px;width:min(1040px,100%);min-height:72vh;padding:28px;display:grid;box-shadow:inset 0 0 0 1px #3b82f626,0 24px 56px #0208178c}.wovvtech-assembly-stage{--slot-step:clamp(24px,4.4vw,54px);--slot-drop:clamp(74px,11vw,108px);--orbit-radius:clamp(72px,11vw,96px);--orbit-lift:clamp(44px,6vw,66px);width:min(760px,96%);height:clamp(210px,34vh,300px);position:relative}.waiting-template-screen p{color:#93c5fd;margin:0;font-size:clamp(15px,2vw,22px)}.waiting-template-screen small{color:#93b7de;font-size:clamp(12px,1.2vw,15px)}.wovvtech-orbit{transform:translate(-50%,calc(-50% - var(--orbit-lift)));aspect-ratio:1;place-items:center;width:clamp(120px,17vw,180px);display:grid;position:absolute;top:50%;left:50%}.wovvtech-letter-orbit{pointer-events:none;position:absolute;inset:0}.wovvtech-letter-orbit span{--start-angle:0deg;--step:0;--slot-index:0;color:#e0f2fe;letter-spacing:.08em;opacity:0;width:26px;height:26px;transform:translate(-50%,-50%)translateY(calc(-1*var(--orbit-lift)))rotate(var(--start-angle))translateY(calc(-1*var(--orbit-radius)))rotate(calc(-1*var(--start-angle)));animation:5.6s linear infinite wovv-letter-orbit;animation-delay:calc(var(--step)*.14s);background:#082f49cc;border:1px solid #93c5fd94;border-radius:999px;place-items:center;margin:-13px;font-size:11px;font-weight:700;display:grid;position:absolute;top:50%;left:50%}.wovvtech-letter-orbit span:first-child{--start-angle:0deg;--step:0;--slot-index:-3.5}.wovvtech-letter-orbit span:nth-child(2){--start-angle:45deg;--step:1;--slot-index:-2.5}.wovvtech-letter-orbit span:nth-child(3){--start-angle:90deg;--step:2;--slot-index:-1.5}.wovvtech-letter-orbit span:nth-child(4){--start-angle:135deg;--step:3;--slot-index:-.5}.wovvtech-letter-orbit span:nth-child(5){--start-angle:180deg;--step:4;--slot-index:.5}.wovvtech-letter-orbit span:nth-child(6){--start-angle:225deg;--step:5;--slot-index:1.5}.wovvtech-letter-orbit span:nth-child(7){--start-angle:270deg;--step:6;--slot-index:2.5}.wovvtech-letter-orbit span:nth-child(8){--start-angle:315deg;--step:7;--slot-index:3.5}.wovvtech-stage-title{transform:translate(-50%,var(--slot-drop));color:#dbeafee6;text-shadow:0 0 18px #38bdf852;white-space:nowrap;align-items:center;gap:clamp(8px,1.4vw,16px);margin:0;font-family:Space Mono,Courier New,monospace;font-size:clamp(26px,5.4vw,62px);font-weight:700;display:inline-flex;position:absolute;top:50%;left:50%}.wovvtech-stage-title:after{content:none}.wovvtech-stage-title span{text-align:center;opacity:0;filter:drop-shadow(0 0 #7dd3fc00);will-change:transform,opacity,filter;min-width:.72em;animation:18s cubic-bezier(.22,.61,.36,1) infinite wovv-letter-entry-exit;display:inline-block;transform:translate(62vw)}.wovvtech-stage-title span:first-child{animation-delay:0s}.wovvtech-stage-title span:nth-child(2){animation-delay:.32s}.wovvtech-stage-title span:nth-child(3){animation-delay:.64s}.wovvtech-stage-title span:nth-child(4){animation-delay:.96s}.wovvtech-stage-title span:nth-child(5){animation-delay:1.28s}.wovvtech-stage-title span:nth-child(6){animation-delay:1.6s}.wovvtech-stage-title span:nth-child(7){animation-delay:1.92s}.wovvtech-stage-title span:nth-child(8){animation-delay:2.24s}.orbit-ring{border:2px solid #7dd3fc8c;border-radius:999px;position:absolute;inset:0}.orbit-ring-a{animation:5.8s linear infinite wovv-spin}.orbit-ring-b{border-color:#2dd4bf9e;animation:4.4s linear infinite wovv-spin-rev;inset:14px}.orbit-core{aspect-ratio:1;color:#e0f2fe;background:radial-gradient(circle at 35% 35%,#3b82f699,#0e7490b3);border:1px solid #7dd3fc73;border-radius:999px;place-items:center;width:62%;font-size:clamp(28px,4.2vw,54px);font-weight:700;animation:2.2s ease-in-out infinite wovv-pulse;display:grid;box-shadow:inset 0 0 30px #7dd3fc59,0 0 20px #38bdf859}.waiting-dots{align-items:center;gap:8px;margin-top:4px;display:flex}.waiting-dots span{background:#7dd3fc;border-radius:999px;width:8px;height:8px;animation:1.2s ease-in-out infinite waiting-blink}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes wovv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wovv-letter-orbit{0%{opacity:0;transform:translate(-50%,-50%)translateY(calc(-1*var(--orbit-lift)))rotate(var(--start-angle))translateY(calc(-1*var(--orbit-radius)))rotate(calc(-1*var(--start-angle)))}10%{opacity:1}52%{opacity:1;transform:translate(-50%,-50%)translateY(calc(-1*var(--orbit-lift)))rotate(calc(var(--start-angle) + 250deg))translateY(calc(-1*var(--orbit-radius)))rotate(calc(-1*(var(--start-angle) + 250deg)))}72%{opacity:1;transform:translate(-50%,-50%)translate(calc(var(--slot-index)*var(--slot-step)),var(--slot-drop))}to{opacity:1;transform:translate(-50%,-50%)translate(calc(var(--slot-index)*var(--slot-step)),var(--slot-drop))}}@keyframes wovv-spin-rev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes wovv-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes wovv-letter-entry-exit{0%,4%{opacity:0;filter:drop-shadow(0 0 #7dd3fc00);transform:translate(62vw)}18%{opacity:1;filter:drop-shadow(0 0 7px #7dd3fcc7);transform:translate(0)}74%{opacity:1;filter:drop-shadow(0 0 7px #7dd3fcc7);transform:translate(0)}to{opacity:0;filter:drop-shadow(0 0 #7dd3fc00);transform:translate(-70vw)}}@keyframes waiting-blink{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media(max-width:780px){.client-register-shell{border-radius:18px;padding:22px}.client-register-actions{flex-direction:column}.screen-menu{top:10px;right:10px}.screen-menu-panel{min-width:min(260px,100vw - 20px)}.zone-fullscreen-toggle{padding:7px 10px;font-size:11px;top:10px;right:10px}.ad-skip{min-width:84px;min-height:40px;padding:9px 14px;font-size:13px;top:12px;right:12px}.waiting-template-screen{border-radius:16px;min-height:70vh;padding:20px}}
