:root{color-scheme:dark;--bg:#050807;--panel:#0d1411;--panel2:#14231a;--side:#0a100d;--line:rgba(34,197,94,.25);--line-soft:rgba(34,197,94,.14);--text:#f5f7f5;--muted:#9ca8a0;--dim:#748078;--emerald:#22c55e;--neon:#39ff88;--accent-secondary:#00d68f;--green:#39ff88;--danger:#ffbcb2;--shadow:0 20px 60px #0003;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;font-weight:400;font-size:14px;line-height:1.5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse at 81% 3%,#22c55e0d,transparent 34rem),var(--bg);color:var(--text)}::selection{background:#22c55e59;color:#fff}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}a:hover{color:var(--neon)}button{color:inherit}button,select{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--neon);outline-offset:4px}input,select,textarea{width:100%;background:#0a100d;border:1px solid #1a4730;border-radius:7px;color:var(--text);padding:11px 12px;outline:none;transition:border-color .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:#748078}input:focus,select:focus,textarea:focus{border-color:var(--neon);box-shadow:0 0 0 3px #39ff8817}input:disabled,textarea:disabled{opacity:.45}label{display:block;font-size:12px;font-weight:500;margin:0 0 8px;color:#c2cec6}h1,h2,h3,p{margin:0}button svg,a svg{flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.muted{color:var(--muted)}.small-text{font-size:12px}.eyebrow,.section-kicker,.micro-label{display:block;font-size:9px;font-weight:600;letter-spacing:1.65px;color:var(--accent-secondary)}.section-kicker{font-size:9px;letter-spacing:1.7px}.micro-label{font-size:9px;letter-spacing:1.1px}.accent-dot{color:var(--neon)}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:7px;min-height:40px;padding:9px 15px;font-size:12px;font-weight:500;border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;background:none;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:linear-gradient(115deg,var(--emerald),var(--neon));color:#052311;border-color:var(--emerald);font-weight:750;box-shadow:0 8px 24px #22c55e1f}.button-primary:hover:not(:disabled){background:linear-gradient(115deg,#32da6e,#66ffa4);border-color:var(--neon);color:#052311;box-shadow:0 8px 24px #22c55e33}.button-outline{border-color:#1a3a27;color:#c2cec6;background:#0a100d77}.button-outline:hover:not(:disabled){border-color:var(--neon);background:#14231a}.button-small{min-height:33px;font-size:11px;padding:7px 11px}.button-subtle{background:#0d1411;color:#f5f7f5;border-color:#14231a}.text-button{background:none;border:0;color:var(--muted);font-size:11px;padding:5px}.text-button:hover{color:var(--neon)}.round-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#0a100d;border-radius:50%;padding:0}.round-button:hover:not(:disabled){border-color:var(--neon)}.round-button .icon{width:16px;height:16px}.primary-round{background:var(--neon);border-color:var(--neon);color:#052311;width:40px;height:40px}.square-button{width:40px;min-width:40px;background:var(--neon);color:#052311;font-size:25px;line-height:1;border:0;border-radius:7px}.square-button:hover{background:#66ffa4}.status-dot{display:inline-block;width:6px;height:6px;min-width:6px;flex-shrink:0;border-radius:50%;background:#748078}.is-active .status-dot{background:#39ff88;box-shadow:0 0 7px #22c55e33}.brand{display:flex;align-items:center;gap:11px;font-size:22px;letter-spacing:3.5px;line-height:1.2;font-weight:500;white-space:nowrap}.brand-symbol{font-size:44px;line-height:1;color:var(--neon);font-weight:300;letter-spacing:0}.brand-sub{display:block;font-size:8px;color:var(--muted);letter-spacing:3.3px;font-weight:400;margin-top:5px}.brand:hover{color:var(--text)}.form-error{font-size:12px;line-height:1.5;color:var(--danger);padding:10px 12px;background:#73392c24;border:1px solid #8c4e3b66;border-radius:7px;margin-top:10px}.banner-error{margin:0 0 20px}.toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#0d1411;color:#f5f7f5;border:1px solid #22c55e;border-radius:9px;box-shadow:var(--shadow);font-size:12px;max-width:90vw}.noscript-message{margin:40px}
/* The robot is an original lightweight SVG, shared by the login and slot cards. */
.bot-shell{fill:#f5f7f5;stroke:#9ca8a0;stroke-width:.8}.bot-arm{fill:#c2cec6;stroke:#748078;stroke-width:.8}.bot-visor{fill:#0a100d;stroke:#22c55e;stroke-width:.6}.bot-eye{fill:none;stroke:var(--eye-color,#39ff88);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2}.eye-idle{display:var(--eye-idle,none)}.eye-happy{display:var(--eye-happy,none)}.eye-sad{display:var(--eye-sad,none)}.eye-mad{display:var(--eye-mad,none)}.emotion-idle{--eye-idle:block;--eye-happy:none;--eye-sad:none;--eye-mad:none;--eye-color:#39ff88}.emotion-happy{--eye-idle:none;--eye-happy:block;--eye-sad:none;--eye-mad:none;--eye-color:#39ff88}.emotion-sad{--eye-idle:none;--eye-happy:none;--eye-sad:block;--eye-mad:none;--eye-color:#79baff}.emotion-mad{--eye-idle:none;--eye-happy:none;--eye-sad:none;--eye-mad:block;--eye-color:#ff806d}.bot-crest{fill:#0e3b23;stroke:#39ff88;stroke-width:1}.bot-trim{fill:none;stroke:#00d68f;stroke-width:1.2}.bot-thruster{fill:#39ff88;opacity:.7}
/* Private login */
.login-layout{min-height:100svh;display:grid;grid-template-columns:1.08fr 1fr}.login-story{position:relative;min-height:800px;background:radial-gradient(ellipse at 57% 30%,#1a3a27 0,transparent 57%),#050807;overflow:hidden;padding:43px 54px;display:flex;flex-direction:column;border-right:1px solid #22c55e55}.login-story>.brand{position:relative;z-index:3}.login-scene{position:relative;min-height:370px;margin:8px -54px 0;flex:1;max-height:490px;overflow:hidden}.orbital{position:absolute;left:50%;top:45%;border:1px solid #22c55e22;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-one{width:370px;height:370px}.orbit-two{width:470px;height:150px}.orbit-one:before,.orbit-two:after{content:"✧";position:absolute;top:20%;left:3%;font-size:30px;color:#39ff88}.orbit-two:after{top:57%;left:91%;font-size:21px}.moon{position:absolute;width:115px;height:115px;left:61%;top:13%;border-radius:50%;box-shadow:13px 0 0 0 #f5f7f5;transform:rotate(-25deg);opacity:.7}.window-lines{position:absolute;inset:20px 13% 40px;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#22c55e20 25%);border:1px solid #22c55e20}.window-lines:before{content:"";position:absolute;left:0;right:0;top:25%;height:1px;background:#22c55e20}.world-floor{position:absolute;left:0;right:0;bottom:-10px;height:110px;background:linear-gradient(#05080700,#050807b0),repeating-linear-gradient(90deg,transparent 0,transparent 85px,#22c55e17 86px);transform:perspective(150px) rotateX(35deg)}.bot-aura{position:absolute;width:225px;height:270px;left:49%;top:54%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#22c55e22,transparent 65%);filter:blur(10px)}.hero-bot{position:absolute;width:178px;height:223px;left:49%;top:49%;transform:translate(-50%,-50%) rotate(-7deg);filter:drop-shadow(0 28px 23px #00000080);animation:bot-float 6s ease-in-out infinite}.scene-tag{position:absolute;bottom:22px;left:0;right:0;text-align:center;letter-spacing:3px;font-size:12px;color:var(--neon)}.scene-tag>span:last-child{display:block;font-size:7px;letter-spacing:2.2px;margin-top:5px;color:#9ca8a0}.tiny-star{margin-right:7px}.story-copy{position:relative;z-index:2;max-width:440px;margin:30px 0 35px}.story-copy .eyebrow{font-size:10px;letter-spacing:2px}.story-copy h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:650;font-size:58px;line-height:1.1;letter-spacing:-2px;color:#f5f7f5;margin:16px 0 18px}.story-copy p{font-size:13px;line-height:1.8;max-width:325px;color:#c2cec6}.story-footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.7px;color:#9ca8a0;border-top:1px solid #22c55e40;padding-top:20px}.story-footer>span:nth-child(2){font-size:13px;color:var(--neon)}.login-entry{position:relative;display:flex;justify-content:center;align-items:center;padding:60px 48px;background:radial-gradient(ellipse at 100% 0,#0d14111a,transparent 65%),#0a100d;min-width:0}.login-card{width:100%;max-width:350px;margin-top:-12px}.private-label{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.8px;color:var(--neon)}.private-label .status-dot{background:var(--neon);width:5px;height:5px}.login-card h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:44px;font-weight:600;line-height:1.2;letter-spacing:-.7px;margin:21px 0 15px;color:#f5f7f5}.login-intro{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:35px;max-width:310px}.login-card label{margin:20px 0 8px;font-size:12px;color:#c2cec6}.login-card input{padding:13px 14px;background:#0a100d;border-color:#14231a}.password-wrap{position:relative}.password-wrap input{padding-right:60px}.password-wrap>.text-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px}.login-submit{width:100%;justify-content:space-between;margin-top:27px;min-height:47px;padding:12px 17px}.login-note{color:#9ca8a0;font-size:10px;line-height:1.9;text-align:center;margin:21px 10px}.entry-footer{position:absolute;bottom:31px;color:#748078;font-size:8px;letter-spacing:1.3px}.entry-footer span{padding:0 9px}@keyframes bot-float{0%,100%{transform:translate(-50%,-50%) rotate(-7deg)}50%{transform:translate(-50%,-54%) rotate(-4deg)}}
/* Workspace */
.app-shell{display:flex;min-height:100vh}.sidebar{width:224px;position:fixed;z-index:5;inset:0 auto 0 0;background:var(--side);border-right:1px solid var(--line-soft);padding:29px 20px 0;display:flex;flex-direction:column}.sidebar>.brand{padding-left:6px;font-size:20px;gap:8px}.sidebar .brand-symbol{font-size:39px}.sidebar .brand-sub{font-size:7px;letter-spacing:3.05px}.sidebar-room{margin:35px 0 29px;padding:12px 10px;display:flex;gap:10px;align-items:center;border:1px solid #14231a;background:#0a100d;border-radius:7px;font-size:12px;color:#f5f7f5}.room-badge{display:flex;width:31px;height:33px;justify-content:center;align-items:center;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:21px;border:1px solid #22c55e;background:#14231a;color:var(--neon);border-radius:4px}.sidebar-room small{display:block;color:#9ca8a0;font-size:7px;letter-spacing:1.2px;margin-top:4px}.room-spark{color:#9ca8a0;margin-left:auto;font-size:13px}.nav-label{font-size:8px;letter-spacing:1.7px;color:#748078;margin:0 10px 12px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:12px 11px;border:1px solid transparent;border-radius:6px;background:none;color:#c2cec6;font-size:12px;text-align:left;margin-bottom:5px;position:relative}.nav-item .icon{width:17px;height:17px;color:#9ca8a0}.nav-item:hover{background:#0d1411;color:#f5f7f5}.nav-item.selected{background:#14231a;border-color:#1a3a27;color:#39ff88}.nav-item.selected .icon{color:#39ff88}.nav-selected-dot{position:absolute;right:13px;width:4px;height:4px;border-radius:50%;background:var(--neon)}.sidebar-bottom{margin-top:auto;padding-top:35px}.small-bot{display:flex;align-items:center;gap:9px;margin:20px 0;padding:16px 8px;border:1px solid #1a3a2777;border-radius:7px;background:linear-gradient(120deg,#14231a2e,#0d141150)}.small-bot>svg{width:34px;height:43px;transform:rotate(-9deg)}.small-bot>span{font-size:11px;color:#c2cec6}.small-bot small{display:block;font-size:9px;color:#9ca8a0;margin-top:3px}.user-row{border-top:1px solid #0d1411;padding:19px 0;display:flex;align-items:center;gap:9px}.user-avatar{display:flex;align-items:center;justify-content:center;background:#14231a;border:1px solid #235b36;color:#39ff88;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;border-radius:50%;width:31px;height:31px}.user-row>span:nth-child(2){font-size:11px;line-height:1.4}.user-row small{font-size:8px;display:block;color:#9ca8a0;margin-top:2px}.user-row>button{margin-left:auto;font-size:9px}.main-shell{margin-left:224px;min-width:0;width:calc(100% - 224px)}.topbar{padding:21px 34px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;min-height:84px;background:#050807}.breadcrumb{font-size:8px;letter-spacing:1.4px;color:#9ca8a0}.breadcrumb span{margin:0 7px;color:#235b36}.topbar p{font-size:10px;color:#748078;margin-top:4px}.header-actions{display:flex;align-items:center;gap:19px}.connection-pill{display:flex;align-items:center;gap:7px;color:#c2cec6;font-size:10px}.connection-pill.is-active{color:#39ff88}.header-actions .button{font-size:10px}.header-actions .icon{width:14px;height:14px}.workspace{padding:30px 34px 0;max-width:1660px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.65px}.page-heading h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:35px;font-weight:600;letter-spacing:-.75px;line-height:1.25;margin:6px 0}.page-heading p{font-size:11px;color:#9ca8a0}.page-heading>.button{font-size:10px}.page-heading>.button .icon{width:15px;height:15px}.notice{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding:14px 18px;border:1px solid #1a3a27;border-radius:7px;background:linear-gradient(115deg,#0d14113d,#0a100d)}.notice-icon{color:var(--neon);font-size:21px}.notice p{font-size:10px;color:#9ca8a0;line-height:1.7}.notice strong{font-weight:500;color:#c2cec6;display:block;font-size:11px}.notice>a{font-size:10px;white-space:nowrap;color:#39ff88;margin-left:auto}.notice>a>span{margin-left:8px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(335px,1fr);gap:20px;align-items:stretch;scroll-margin-top:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;min-width:0;overflow:hidden;box-shadow:0 3px 7px #00000008}.panel-heading{padding:20px 21px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{font-size:15px;font-weight:550;display:flex;align-items:center;gap:8px;margin-top:5px}.panel-heading h2 .icon{width:16px;height:16px;color:#c2cec6}.count-chip{font-size:9px;background:#0d1411;border:1px solid #14231a;color:#c2cec6;border-radius:5px;padding:4px 8px;white-space:nowrap}.quiet-badge{font-size:7px;letter-spacing:.9px;color:#9ca8a0;border:1px solid #14231a;padding:4px 6px;border-radius:3px}.chat-panel{display:flex;flex-direction:column}.chat-toolbar{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;gap:6px;padding:10px 16px;background:#05080744}.platform-filters{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.platform-filters button{display:flex;gap:5px;align-items:center;font-size:9px;border:1px solid transparent;padding:5px 7px;background:none;border-radius:4px;color:#9ca8a0}.platform-filters button[aria-pressed="true"]{border-color:#1a3a27;background:#14231a;color:#c2cec6}.platform-filters button:hover{color:var(--text)}.platform-mark{font-size:10px;line-height:1}.tt{color:#28e5dc}.yt{color:#ff3f56}.tw{color:#ad7dff}.live-indicator{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:7px;letter-spacing:.6px;color:#9ca8a0}.live-indicator .status-dot{width:4px;height:4px;min-width:4px}.chat-list{height:366px;min-height:300px;overflow:auto;scrollbar-width:thin;scrollbar-color:#1a3a27 transparent;padding:5px 20px;flex:1}.chat-empty{height:100%;min-height:310px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;color:#9ca8a0;padding:30px}.empty-chat-art{position:relative;width:88px;height:92px;margin-bottom:20px}.empty-chat-art:before{content:"";position:absolute;inset:3px -12px;border:1px solid #22c55e44;border-radius:50%;transform:rotate(-20deg)}.empty-chat-art>svg{width:56px;height:70px;position:absolute;left:15px;top:8px;opacity:.5;transform:rotate(-8deg)}.empty-chat-art:after{content:"✧";position:absolute;top:8px;right:-5px;font-size:20px;color:#39ff88}.chat-empty h3{font-size:13px;font-weight:500;color:#c2cec6;margin-bottom:6px}.chat-empty p{font-size:11px;line-height:1.8;max-width:260px}.chat-empty .empty-help{margin-top:19px;border:1px solid #14231a;border-radius:4px;color:#9ca8a0;font-size:8px;padding:5px 9px;letter-spacing:.3px}.chat-row{display:grid;grid-template-columns:31px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid #0d141188}.chat-row:last-child{border:0}.chat-avatar{width:31px;height:31px;display:flex;justify-content:center;align-items:center;background:#14231a;color:#c2cec6;border:1px solid #235b36;border-radius:50%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px}.chat-avatar.youtube{background:#442d26;border-color:#5a3d34;color:#d9b49e}.chat-avatar.twitch{background:#362d43;border-color:#4b3f5a;color:#c6b7d5}.chat-meta{display:flex;align-items:center;gap:7px;min-height:16px}.chat-name{font-size:11px;font-weight:600;color:#c2cec6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}.chat-time{font-size:8px;color:#748078;margin-left:auto;white-space:nowrap}.chat-text{font-size:11px;line-height:1.75;color:#c2cec6;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:2px}.demo-chip{font-size:6px;padding:1px 4px;border:1px solid #39ff88;color:#39ff88;border-radius:3px;letter-spacing:.4px;line-height:1.5}.event-chip{font-size:7px;text-transform:uppercase;letter-spacing:.4px;color:#39ff88}.chat-footer{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line-soft);padding:11px 17px;font-size:8px;color:#9ca8a0}.chat-footer>span:first-child{font-size:14px;color:#39ff88}.chat-footer>span:last-child{margin-left:auto;font-size:7px;color:#748078;white-space:nowrap}.now-playing{display:flex;align-items:center;gap:13px;margin:0 20px 17px;padding:15px 13px;background:linear-gradient(120deg,#0d14112f,#0d141166);border:1px solid #1a3a27;border-radius:7px}.album-art{position:relative;width:59px;height:59px;min-width:59px;overflow:hidden;border:1px solid #235b36;background:radial-gradient(circle at 75% 15%,#235b36,#14231a 70%);display:flex;align-items:center;justify-content:center;border-radius:5px;color:#39ff88}.album-art .icon{width:25px;height:25px;z-index:1}.album-ring{position:absolute;width:90px;height:90px;border:1px solid #22c55e33;border-radius:50%;left:14px;top:10px}.album-ring:after{content:"";position:absolute;inset:8px;border:1px solid #22c55e33;border-radius:50%}.track-info{min-width:0}.track-info>.micro-label{font-size:7px;letter-spacing:1px;color:#39ff88}.track-info h3{font-size:12px;font-weight:500;line-height:1.5;color:#f5f7f5;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.track-info p{font-size:9px;color:#9ca8a0;overflow-wrap:anywhere}.playback-controls{display:flex;align-items:center;gap:11px;margin:0 21px 10px}.playback-controls>.button{margin-left:auto}.music-hint{font-size:8px;line-height:1.6;color:#748078;margin:0 21px 18px}.music-request-form{padding:15px 20px 13px;border-top:1px solid var(--line-soft);background:#05080744}.music-request-form>label{font-size:7px;letter-spacing:1.15px;color:#9ca8a0;margin:0 0 8px}.url-row{display:flex;gap:7px}.url-row input{font-size:10px;padding:10px 11px;min-width:0}.track-fields{display:grid;grid-template-columns:1.25fr 1fr;gap:7px;margin-top:7px}.track-fields input{font-size:9px;padding:8px 10px;min-width:0;background:#0a100d;border-color:#14231a}.queue-header{display:flex;align-items:center;justify-content:space-between;padding:15px 21px 7px}.queue-header h3{font-size:10px;font-weight:500;color:#c2cec6}.queue-header h3 span{font-size:9px;font-weight:400;margin-left:6px;color:#748078}.queue-header .micro-label{font-size:6px;color:#748078}.music-queue{list-style:none;margin:0;padding:0 21px;max-height:200px;min-height:76px;overflow:auto;scrollbar-width:thin;scrollbar-color:#1a3a27 transparent}.queue-empty{font-size:10px;color:#748078;display:flex;align-items:center;justify-content:center;border:1px dashed #14231a;border-radius:5px;min-height:65px;margin-top:4px}.queue-row{display:grid;grid-template-columns:14px minmax(0,1fr) 50px;gap:9px;align-items:center;border-bottom:1px solid var(--line-soft);padding:9px 0}.queue-number{font-size:9px;color:#748078}.queue-track{min-width:0}.queue-track strong{font-size:10px;font-weight:500;color:#c2cec6;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-track span{display:block;color:#748078;font-size:8px;margin-top:1px}.queue-actions{display:flex;align-items:center;justify-content:flex-end;gap:1px}.queue-actions button{border:0;background:none;color:#9ca8a0;padding:3px 5px;min-width:23px;min-height:26px;font-size:13px}.queue-actions button:hover{color:var(--neon);background:#14231a;border-radius:4px}.queue-tip{padding:11px 21px 16px;font-size:8px;color:#748078}.queue-tip code{font:inherit;color:#39ff88;background:#0d141177;padding:2px 4px;border-radius:3px}
.robots-panel{margin-top:22px;scroll-margin-top:20px}.robots-panel>.panel-heading{border-bottom:1px solid var(--line-soft);padding-top:18px;padding-bottom:15px}.robot-section-content{display:grid;grid-template-columns:250px minmax(0,1fr);padding:22px;gap:24px}.robot-overview{border-right:1px solid var(--line-soft);padding-right:23px;display:flex;flex-direction:column;justify-content:center}.robot-feature{display:flex;gap:14px;align-items:center}.feature-bot{width:66px;height:89px;flex-shrink:0;filter:drop-shadow(0 8px 8px #0004);transform:rotate(-5deg)}.robot-feature h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:22px;font-weight:400;line-height:1.2;letter-spacing:-.2px;color:#c2cec6;margin:6px 0 8px}.robot-feature p{font-size:9px;line-height:1.8;color:#9ca8a0}.robot-feature .micro-label{font-size:6px;letter-spacing:1px;color:#39ff88}.robot-expression-tags{display:flex;gap:4px;justify-content:space-between;margin-top:16px}.robot-expression-tags span{font-size:8px;color:#c2cec6;border:1px solid #1a3a27;background:#0d1411;padding:3px 6px;border-radius:4px}.robot-live-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;align-content:center}.robot-slot{border:1px dashed #1a3a27;border-radius:6px;min-height:88px;padding:8px 4px 5px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:#748078;background:#0a100d44;overflow:hidden}.robot-slot svg{width:30px;height:39px;opacity:.23;margin-top:2px}.robot-slot .slot-label{font-size:7px;margin-top:5px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.robot-slot .slot-index{position:absolute;top:4px;left:6px;font-size:6px;color:#748078}.robot-slot.is-occupied{border-style:solid;border-color:#235b36;background:#0d141155;color:#c2cec6}.robot-slot.is-occupied svg{opacity:1}.robot-slot.is-occupied .slot-label{font-size:8px}.robot-slot .slot-emotion{position:absolute;top:4px;right:4px;font-size:5px;letter-spacing:.1px;color:#39ff88;text-transform:uppercase}.robot-slot.is-demo .slot-index{color:#39ff88}.robot-demo-form{border-top:1px solid var(--line-soft);background:#05080744;padding:14px 22px;display:grid;grid-template-columns:140px minmax(150px,.6fr) minmax(240px,1fr);align-items:center;gap:10px 15px}.demo-caption{font-size:8px;color:#9ca8a0}.demo-label{display:block;font-size:7px;letter-spacing:1.3px;color:#39ff88;margin-bottom:3px}.demo-identity{display:flex;gap:6px;min-width:0}.demo-identity input{width:55%;min-width:0}.demo-identity select{width:45%;min-width:0}.robot-demo-form input,.robot-demo-form select{font-size:9px;padding:8px}.demo-message-row{display:flex;gap:6px;min-width:0}.demo-message-row input{min-width:0}.demo-message-row .button{min-height:32px;padding:6px 9px;font-size:9px}.expression-buttons{grid-column:2 / 4;display:flex;gap:6px;flex-wrap:wrap}.expression-buttons button{background:#0d1411;border:1px solid #1a3a27;border-radius:4px;padding:4px 8px;font-size:9px;color:#c2cec6;min-height:27px}.expression-buttons button:hover:not(:disabled){background:#1a3a27;border-color:#748078;color:#c2cec6}.demo-note{font-size:7px;color:#748078;grid-column:2 / 4}.connections-section{margin:31px 0 27px;scroll-margin-top:25px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.section-title .eyebrow{font-size:7px;letter-spacing:1.5px}.section-title h2{font-size:17px;font-weight:500;letter-spacing:-.3px;margin-top:4px}.section-title>.small-text{font-size:9px;color:#748078}.connection-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.connection-card{display:flex;gap:12px;align-items:center;padding:18px 16px;border:1px solid var(--line);background:#0d1411;border-radius:7px;position:relative}.platform-logo{display:flex;align-items:center;justify-content:center;width:36px;height:38px;min-width:36px;border:1px solid #1a3a27;border-radius:7px;background:#0d1411;font-size:23px}.platform-logo.yt{font-size:17px;background:#332a21;border-color:#39ff88}.platform-logo.tw{font-size:23px;background:#2d2934;border-color:#423c49}.connection-card h3{font-size:11px;font-weight:550;color:#c2cec6}.connection-card p{font-size:8px;color:#748078;margin-top:2px}.provider-status{display:flex;align-items:center;gap:4px;font-size:7px;color:#9ca8a0;margin-top:8px}.provider-status .status-dot{width:4px;height:4px;min-width:4px}.connection-card.is-active .provider-status{color:#39ff88}.connection-arrow{margin-left:auto;color:#748078;font-size:14px;align-self:flex-start}.connector-note{display:flex;gap:7px;align-items:center;font-size:8px;color:#748078;margin-top:13px}.connector-note .icon{width:12px;height:12px;color:#39ff88}.workspace-footer{border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:10px;align-items:center;padding:20px 0 23px;color:#748078;font-size:7px;letter-spacing:.75px}.workspace-footer>span:first-child{font-size:7px;letter-spacing:1.3px;color:#9ca8a0}.footer-spark{color:#39ff88;font-size:12px;margin:0 5px}.workspace-footer>span:last-child>span{margin:0 6px}
/* Dialogs */
dialog{width:min(600px,calc(100vw - 30px));max-height:calc(100svh - 60px);overflow:auto;color:var(--text);background:#0d1411;border:1px solid #235b36;border-radius:12px;box-shadow:0 30px 90px #000a;padding:27px}dialog::backdrop{background:#050807c7;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.dialog-header h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:27px;font-weight:400;margin-top:4px}.dialog-header+.muted{font-size:11px;line-height:1.8}.link-fields{margin:21px 0}.link-row{margin-bottom:15px}.link-row label{font-size:11px;margin-bottom:4px;color:#c2cec6}.link-row p{font-size:9px;color:#9ca8a0;margin-bottom:7px;line-height:1.6}.copy-url-row{display:flex;gap:6px}.copy-url-row input{font-size:10px;padding:9px;min-width:0}.copy-url-row button{min-width:37px;background:#14231a;border:1px solid #235b36;border-radius:5px;color:#39ff88;display:flex;align-items:center;justify-content:center}.copy-url-row button .icon{width:15px;height:15px}.connection-steps{padding:17px;background:#0d141166;border:1px solid #1a3a27;border-radius:6px;font-size:10px;color:#9ca8a0;line-height:1.8}.connection-steps h3{font-size:12px;font-weight:500;color:#c2cec6;margin-bottom:6px}.connection-steps ol{padding-left:16px;margin:0}.connection-steps li+li{margin-top:5px}.dialog-done{margin-top:20px;float:right}.lyrics-dialog{max-width:530px}.lyrics-dialog textarea{font-size:12px;line-height:1.8;resize:vertical;min-height:160px;max-height:45vh}.lyrics-dialog .small-text{font-size:10px;margin-top:10px}.lyrics-dialog form:after{content:"";display:block;clear:both}
/* OBS overlay. Uses a read-only token; no dashboard controls are rendered. */
body.is-overlay{background:transparent!important;color:#f5f7f5;overflow:hidden}.overlay-view{width:min(460px,100vw);padding:14px;display:flex;flex-direction:column;gap:12px;position:absolute;bottom:0;right:0;max-height:100svh}.overlay-music{display:flex;align-items:center;gap:15px;padding:16px 18px;background:#0d1411e8;border:1px solid #22c55e8a;border-radius:13px;box-shadow:0 5px 16px #0003}.overlay-music-icon{font-size:31px;color:#39ff88}.overlay-music>div{min-width:0}.overlay-music span:not(.overlay-music-icon){font-size:8px;color:#39ff88;letter-spacing:1px}.overlay-music h2{font-size:15px;font-weight:550;line-height:1.4;overflow-wrap:anywhere}.overlay-music p{color:#c2cec6;font-size:10px;margin-top:3px}.overlay-chat{display:flex;flex-direction:column;gap:9px;min-height:0;overflow:hidden}.overlay-message{padding:12px 15px;background:#0d1411e8;border:1px solid #235b3680;border-radius:11px;box-shadow:0 5px 12px #0002;animation:message-in .3s ease-out}.overlay-message .chat-meta{margin-bottom:4px}.overlay-message .chat-name{font-size:13px;color:#f5f7f5}.overlay-message .chat-text{font-size:14px;line-height:1.5;color:#f5f7f5;margin:0}.overlay-message .platform-mark{font-size:12px}.overlay-warning{padding:12px;background:#0d1411e8;border:1px solid #22c55e;color:#c2cec6;border-radius:8px;font-size:12px}@keyframes message-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
/* A single compact chat + music workspace for OBS custom browser docks. */
body.is-dock .sidebar,body.is-dock .page-heading,body.is-dock .notice,body.is-dock .robots-panel,body.is-dock .connections-section,body.is-dock .workspace-footer{display:none}body.is-dock .main-shell{margin:0;width:100%}body.is-dock .topbar{padding:10px 12px;min-height:50px;gap:10px}body.is-dock .topbar p{display:none}body.is-dock .breadcrumb{font-size:7px;letter-spacing:.6px}body.is-dock .header-actions{gap:7px}body.is-dock .header-actions>a{display:none}body.is-dock .workspace{padding:10px}body.is-dock .workspace-grid{grid-template-columns:1fr;gap:10px}body.is-dock .chat-list{height:285px;min-height:140px;max-height:45vh}body.is-dock .chat-empty{min-height:180px;padding:17px}body.is-dock .empty-chat-art{display:none}body.is-dock .panel-heading{padding:12px 14px}body.is-dock .section-kicker{font-size:7px}body.is-dock .panel-heading h2{font-size:13px}body.is-dock .now-playing{margin:0 13px 10px;padding:10px}body.is-dock .playback-controls{margin:0 14px 8px}body.is-dock .music-hint{margin:0 14px 11px}body.is-dock .music-request-form{padding:12px 14px}body.is-dock .queue-header,body.is-dock .music-queue{padding-left:14px;padding-right:14px}body.is-dock .quiet-badge{font-size:6px}body.is-dock .chat-toolbar{padding:8px 10px}body.is-dock .platform-filters button{font-size:8px;padding:4px 6px}body.is-dock .chat-footer{padding:7px 12px;font-size:7px}body.is-dock .chat-footer>span:last-child{display:none}body.is-dock .music-queue{max-height:150px}body.is-dock .login-story{display:none}body.is-dock .login-layout{display:block}body.is-dock .login-entry{min-height:100svh;padding:40px 25px}body.is-dock .login-card h2{font-size:36px}body.is-dock .entry-footer{bottom:15px}
@media(min-width:1600px){.workspace{padding-left:45px;padding-right:45px}.topbar{padding-left:45px;padding-right:45px}.workspace-grid{grid-template-columns:minmax(0,1.35fr) minmax(390px,1fr)}.chat-list{height:420px}.robot-section-content{grid-template-columns:280px minmax(0,1fr)}.robot-slot{min-height:95px}.robot-slot svg{width:35px;height:45px}}
@media(max-width:1200px){.sidebar{width:197px;padding-left:15px;padding-right:15px}.sidebar .brand{font-size:18px;gap:7px}.sidebar .brand-sub{font-size:6px;letter-spacing:2.8px}.sidebar .brand-symbol{font-size:34px}.main-shell{margin-left:197px;width:calc(100% - 197px)}.topbar{padding-left:24px;padding-right:24px}.workspace{padding-left:24px;padding-right:24px}.workspace-grid{gap:14px;grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr)}.panel-heading{padding-left:16px;padding-right:16px}.chat-toolbar{padding-left:10px;padding-right:10px}.platform-filters button{font-size:8px;padding:5px}.live-indicator{font-size:6px}.quiet-badge{font-size:6px}.robot-section-content{grid-template-columns:210px minmax(0,1fr);gap:18px;padding:18px}.robot-overview{padding-right:17px}.robot-feature{gap:9px}.feature-bot{width:55px;height:75px}.robot-feature h3{font-size:19px}.robot-live-grid{gap:6px}.robot-slot{min-height:80px}.robot-slot .slot-emotion{display:none}.robot-expression-tags span{padding:3px 4px;font-size:7px}.robot-demo-form{grid-template-columns:100px minmax(155px,.7fr) minmax(220px,1fr);gap:8px}.connection-cards{gap:9px}.connection-card{padding:14px 11px;gap:9px}.platform-logo{width:30px;min-width:30px;height:33px}.connection-card h3{font-size:10px}.connection-arrow{display:none}.connection-card p{font-size:7px}.provider-status{font-size:6px}.workspace-footer>span:nth-child(2){display:none}.login-story{padding-left:40px;padding-right:40px}.login-scene{margin-left:-40px;margin-right:-40px}.story-copy h1{font-size:52px}}
@media(max-width:1020px){.workspace-grid{grid-template-columns:1fr}.chat-list{height:330px;max-height:380px}.music-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.music-panel>.panel-heading{grid-column:1 / 3;border-bottom:1px solid var(--line-soft);margin-bottom:18px}.music-panel>.now-playing{grid-column:1;grid-row:2;margin-right:10px}.music-panel>.playback-controls{grid-column:1;grid-row:3;margin-right:10px}.music-panel>.music-hint{grid-column:1;grid-row:4;margin-bottom:20px}.music-panel>.music-request-form{grid-column:1;grid-row:5 / 8;border-top:1px solid var(--line-soft);margin-top:0;padding-top:15px}.music-panel>.queue-header{grid-column:2;grid-row:2;padding-top:0;align-items:flex-start}.music-panel>.music-queue{grid-column:2;grid-row:3 / 7;max-height:230px;padding-left:12px;margin-bottom:10px}.music-panel>.queue-tip{grid-column:2;grid-row:7;padding-left:12px;align-self:end}.robot-section-content{grid-template-columns:1fr}.robot-overview{border-right:0;border-bottom:1px solid var(--line-soft);padding:0 0 15px;display:flex;flex-direction:row;justify-content:space-between;gap:20px;align-items:center}.robot-feature{max-width:310px}.robot-feature h3 br{display:none}.robot-feature h3{font-size:21px}.robot-feature p{max-width:270px}.robot-expression-tags{flex-wrap:wrap;max-width:110px;justify-content:flex-start;margin:0;gap:5px}.robot-expression-tags span{font-size:8px;padding:4px 7px}.robot-live-grid{gap:9px}.robot-slot{min-height:90px}.robot-slot svg{width:33px;height:43px}.robot-demo-form{grid-template-columns:100px minmax(0,1fr)}.demo-message-row{grid-column:2}.expression-buttons,.demo-note{grid-column:2}.demo-caption{align-self:start;padding-top:7px;grid-row:1 / 4}.connection-cards{grid-template-columns:1fr}.connection-card{padding:15px 18px;gap:13px}.connection-card h3{font-size:12px}.connection-card p{font-size:9px}.provider-status{position:absolute;right:18px;top:50%;transform:translateY(-50%);margin:0;font-size:9px}.platform-logo{width:36px;min-width:36px;height:38px}.connection-card>.connection-arrow{display:none}.login-layout{grid-template-columns:1fr 1fr}.login-story{padding:35px;min-height:760px}.login-entry{padding:45px 35px}.login-scene{margin-left:-35px;margin-right:-35px;min-height:325px}.orbit-one{width:290px;height:290px}.orbit-two{width:370px;height:135px}.hero-bot{width:150px;height:187px}.story-copy h1{font-size:46px}.story-footer{font-size:6px;letter-spacing:1px}.login-card h2{font-size:38px}body.is-dock .music-panel{display:block}body.is-dock .music-panel>.panel-heading{margin-bottom:0;border-bottom:0}body.is-dock .music-panel>.queue-header{padding:12px 14px 6px}body.is-dock .music-panel>.music-queue{max-height:150px;padding:0 14px}body.is-dock .music-panel>.queue-tip{padding:10px 14px}}
@media(max-width:760px){.sidebar{width:72px;padding:23px 10px 0}.sidebar>.brand{justify-content:center;padding:0}.sidebar .brand-symbol{font-size:37px}.sidebar>.brand>span:last-child,.sidebar-room,.nav-label,.nav-item>.nav-selected-dot,.sidebar-bottom .small-bot,.user-row>span:nth-child(2){display:none}.sidebar nav{margin-top:38px}.nav-item{font-size:0;justify-content:center;min-height:42px;padding:12px 8px;gap:0;margin-bottom:10px}.nav-item .icon{width:20px;height:20px}.sidebar-bottom{padding-top:10px}.user-row{flex-direction:column;gap:8px;padding:17px 0}.user-row>button{margin:0;font-size:8px}.main-shell{margin-left:72px;width:calc(100% - 72px)}.topbar{padding:16px 20px;min-height:70px}.header-actions{gap:11px}.topbar p{display:none}.breadcrumb{font-size:7px;letter-spacing:.7px}.breadcrumb span{margin:0 4px}.connection-pill{font-size:8px;gap:5px}.header-actions .button{font-size:8px;padding:6px 8px;gap:5px;min-height:29px}.header-actions .icon{width:12px;height:12px}.workspace{padding:23px 20px 0}.page-heading{gap:9px}.page-heading h1{font-size:30px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.page-heading p{font-size:10px}.page-heading>.button{font-size:0;padding:10px;min-width:36px;min-height:36px;gap:0}.page-heading>.button .icon{width:16px;height:16px}.notice{padding:13px;gap:10px}.notice-icon{font-size:18px}.notice p{font-size:9px}.notice strong{font-size:10px}.notice>a{display:none}.section-title>.small-text{display:none}.robot-demo-form{padding:14px 16px}.login-layout{grid-template-columns:1fr;min-height:100svh}.login-story{display:none}.login-entry{min-height:100svh;padding:65px 35px}.login-entry:before{content:"✧  RYUBIE";position:absolute;left:35px;top:28px;font-size:17px;letter-spacing:3px;color:#39ff88}.login-card{max-width:360px;margin-top:0}.login-card h2{font-size:44px}.private-label{margin-top:25px}.login-intro{margin-bottom:29px}.entry-footer{bottom:20px}.settings-dialog{padding:22px}.dialog-header h2{font-size:24px}}
@media(max-width:520px){.sidebar{width:58px;padding-left:7px;padding-right:7px}.sidebar .brand-symbol{font-size:32px}.main-shell{margin-left:58px;width:calc(100% - 58px)}.topbar{padding:15px 13px;gap:5px}.header-actions{gap:7px}.header-actions>a{display:none}.breadcrumb{font-size:6px;letter-spacing:.5px}.connection-pill{font-size:7px}.connection-pill .status-dot{width:4px;height:4px;min-width:4px}.workspace{padding:21px 12px 0}.page-heading h1{font-size:28px}.page-heading .eyebrow{font-size:5.5px;letter-spacing:1.1px}.page-heading p{font-size:9px;max-width:215px}.notice{padding:11px;gap:8px}.notice p{font-size:8px}.notice strong{font-size:9px}.panel-heading{padding:16px 13px}.section-kicker{font-size:7px;letter-spacing:1.2px}.panel-heading h2{font-size:14px}.count-chip{font-size:8px;padding:3px 6px}.chat-toolbar{padding:8px 8px}.platform-filters{gap:0}.platform-filters button{font-size:7px;padding:4px}.platform-mark{font-size:8px}.live-indicator{font-size:5px;gap:3px}.chat-list{padding-left:13px;padding-right:13px;height:310px}.chat-empty{padding:18px;min-height:280px}.chat-empty h3{font-size:12px}.chat-empty p{font-size:10px}.chat-footer{font-size:6.5px;padding:8px 10px}.chat-footer>span:last-child{display:none}.music-panel{display:block}.music-panel>.panel-heading{margin:0;border:0}.music-panel>.now-playing{margin:0 13px 13px}.music-panel>.playback-controls{margin-left:14px;margin-right:14px}.music-panel>.music-hint{margin-left:14px;margin-right:14px;margin-bottom:15px}.music-panel>.music-request-form{padding:13px 14px}.music-panel>.queue-header{padding:13px 14px 7px;align-items:center}.music-panel>.music-queue{padding:0 14px;max-height:200px;margin:0}.music-panel>.queue-tip{padding:11px 14px 15px}.robot-overview{flex-direction:column;gap:13px;align-items:flex-start}.robot-section-content{padding:16px;gap:17px}.robot-feature{gap:13px}.feature-bot{width:58px;height:76px}.robot-feature h3{font-size:22px}.robot-feature p{font-size:9px}.robot-expression-tags{max-width:none;flex-wrap:nowrap;justify-content:space-between;width:100%}.robot-expression-tags span{font-size:7px;padding:3px 6px}.robot-live-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.robot-slot{min-height:80px}.robot-slot svg{width:30px;height:38px}.robot-slot .slot-label{font-size:6px}.robot-slot.is-occupied .slot-label{font-size:7px}.robot-demo-form{grid-template-columns:1fr;gap:9px;padding:14px}.demo-caption{grid-column:1;grid-row:auto;display:flex;gap:10px;padding:0;align-items:center}.demo-label{margin:0}.demo-identity,.demo-message-row,.expression-buttons,.demo-note{grid-column:1}.demo-message-row .button{font-size:8px;padding:6px}.expression-buttons{gap:4px}.expression-buttons button{font-size:8px;padding:4px 6px}.demo-note{font-size:6px}.connections-section{margin-top:24px}.section-title h2{font-size:16px}.section-title .eyebrow{font-size:6px}.connection-card{padding:14px 11px;gap:10px}.provider-status{font-size:6px;right:11px}.connection-card h3{font-size:10px}.connection-card p{font-size:7px}.platform-logo{width:30px;min-width:30px;height:34px}.connector-note{font-size:7px;align-items:flex-start;line-height:1.7}.workspace-footer{font-size:6px;letter-spacing:.4px;gap:5px;padding:16px 0 18px}.workspace-footer>span:first-child{font-size:6px;letter-spacing:.4px}.footer-spark{font-size:10px;margin:0 3px}.workspace-footer>span:last-child{font-size:5px}.workspace-footer>span:last-child>span{margin:0 2px}.settings-dialog,.lyrics-dialog{padding:18px}.dialog-header h2{font-size:22px}.dialog-header .section-kicker{font-size:6px}.dialog-header+.muted{font-size:10px}.connection-steps{font-size:9px;padding:13px}.link-row p{font-size:8px}body.is-dock .main-shell{margin:0;width:100%}body.is-dock .workspace{padding:8px}body.is-dock .topbar{padding:10px}.overlay-view{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Direct connectors have independent settings and start/stop actions. */
.connector-global-actions{display:flex;align-items:center;gap:10px}.connector-global-actions>.text-button{font-size:10px}.connection-cards .connection-card{display:block;padding:18px;min-width:0}.connection-card-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.connection-card-title>div:nth-child(2){min-width:0}.connection-cards .connection-card h3{font-size:12px}.connection-cards .connection-card .provider-status{position:static;transform:none;margin:0 0 0 auto;font-size:8px;white-space:nowrap;align-self:flex-start;padding-top:4px;gap:5px;max-width:120px}.connection-cards .connection-card .provider-status .status-dot{width:5px;height:5px;min-width:5px}.connection-cards .connection-card.is-connecting .provider-status{color:#00d68f}.connection-cards .connection-card.is-connecting .status-dot{background:#00d68f}.connection-cards .connection-card.has-error .provider-status{color:#d3a58c}.connection-cards .connection-card.has-error .status-dot{background:#cc9579}.connection-cards .connection-card label{font-size:10px;color:#c2cec6;margin:0 0 6px}.connection-cards .connection-card input{font-size:11px;padding:10px;min-width:0}.connection-cards .connection-card .channel-hint{font-size:8px;color:#748078;margin:6px 0 0;line-height:1.7;min-height:28px}.connection-cards .connection-card .connector-detail{font-size:10px;line-height:1.7;color:#9ca8a0;min-height:45px;margin:13px 0 8px;overflow-wrap:anywhere}.connector-card-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid #14231a;padding-top:11px}.connector-card-actions .button{font-size:9px;padding:7px 10px}.connector-card-actions .text-button{font-size:9px}.connector-event-note{font-size:7px;color:#9ca8a0;margin-left:auto}.connector-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:15px 0 0;padding:14px 17px;border:1px solid #14231a;border-radius:7px;background:#0d1411}.connector-save-state{font-size:10px;color:#c2cec6;display:flex;align-items:center;gap:6px}.connector-save-state:before{content:"";width:5px;height:5px;min-width:5px;border-radius:50%;background:#9ca8a0}.connector-save-state.is-dirty{color:#39ff88}.connector-save-state.is-dirty:before{background:#39ff88}.connector-settings-footer p{font-size:9px;color:#9ca8a0;margin-top:3px}.connector-settings-footer>.button{font-size:10px;min-height:34px}.connections-section .connector-note{font-size:9px;line-height:1.8}
@media(max-width:1200px){.connection-cards .connection-card{padding:15px 13px}.connection-card-title{gap:8px}.connection-cards .connection-card h3{font-size:11px}.connection-cards .connection-card .provider-status{font-size:6px;gap:3px;max-width:90px}.connector-card-actions{gap:5px}.connector-card-actions .button{font-size:8px;padding:6px 7px}.connector-card-actions .text-button{font-size:8px}.connector-event-note{font-size:6px}}
@media(max-width:1020px){.connection-cards .connection-card{padding:18px}.connection-card-title{margin-bottom:15px}.connection-cards .connection-card h3{font-size:12px}.connection-cards .connection-card .provider-status{font-size:9px;max-width:none;gap:5px}.connection-cards .connection-card .channel-hint{min-height:0;font-size:9px}.connection-cards .connection-card .connector-detail{min-height:0;font-size:11px;margin:12px 0}.connector-card-actions .button{font-size:10px;padding:7px 11px}.connector-card-actions .text-button{font-size:10px}.connector-event-note{font-size:8px}.connection-cards .connection-card label{font-size:11px}}
@media(max-width:760px){.connector-global-actions{gap:7px}.connector-global-actions>.button{font-size:9px;padding:6px 8px}.connector-global-actions>.text-button{font-size:8px}.connector-settings-footer{padding:12px}.connector-settings-footer p{font-size:8px}.connector-settings-footer>.button{font-size:9px;padding:7px 10px}.connections-section .connector-note{font-size:8px}}
@media(max-width:520px){.connections-section>.section-title{align-items:flex-start;gap:10px;flex-direction:column}.connector-global-actions{justify-content:space-between;width:100%}.connection-cards .connection-card{padding:15px}.connection-cards .connection-card .provider-status{font-size:8px}.connector-settings-footer{align-items:flex-start;gap:12px;flex-direction:column}.connector-settings-footer>.button{width:100%}.connector-event-note{font-size:7px}.connection-cards .connection-card .connector-detail{font-size:10px}.connections-section .connector-note{font-size:7px}}

/* Controls share the existing emerald design tokens. */
.connections-section{margin-top:18px}.queue-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:10px;color:var(--muted)}.robot-settings-form{border-top:1px solid var(--line-soft);display:grid;grid-template-columns:1fr 1fr auto;gap:16px;padding:18px 22px;align-items:end}.robot-settings-form p{font-size:10px;color:var(--muted);margin-top:5px}.robot-settings-form .form-error{grid-column:1/-1}.robot-settings-form label{font-size:11px}.robot-settings-form input{min-height:38px}.robot-live-grid{max-height:430px;overflow:auto}.world-control-setting{padding:14px;border:1px solid var(--line);border-radius:7px;margin-bottom:18px}.world-control-setting label{display:flex;align-items:center;gap:10px}.world-control-setting input{width:18px;height:18px;accent-color:var(--emerald)}.world-control-setting p{font-size:11px;color:var(--muted)}@media(max-width:650px){.robot-settings-form{grid-template-columns:1fr;gap:10px;padding:14px}.queue-pagination{padding:10px 14px}.robot-settings-form .button{width:100%}}

.gift-settings-panel{margin:24px 0}.gift-settings-body{padding:20px 24px;font-size:12px;color:var(--muted)}.gift-settings-body>p{line-height:1.8;margin-bottom:18px}.gift-setting-select{display:flex;align-items:end;gap:16px;margin:18px 0}.gift-setting-select>select{width:300px}.gift-setting-select #gift-currency{width:90px;text-transform:uppercase}.rarity-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.rarity-fields label{font-size:11px}.rarity-fields input{margin-top:6px;font-size:13px}.rarity-fields label:nth-child(2){color:#8dc8ff}.rarity-fields label:nth-child(3){color:#c6a2ff}.rarity-fields label:nth-child(4){color:#e6c66d}.rarity-fields label:nth-child(5){color:var(--neon)}.gift-setting-actions{display:flex;align-items:center;gap:15px;margin-top:15px}.gift-demo-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin:20px 0 12px}.gift-demo-row>span{width:100%;font-size:10px;margin-bottom:5px}.gift-demo-row input{width:150px;font-size:11px}.gift-demo-row #gift-demo-value{width:110px}.gift-demo-row .button{font-size:10px}@media(max-width:650px){.rarity-fields{grid-template-columns:repeat(2,1fr)}.gift-setting-select{align-items:stretch;flex-direction:column}.gift-setting-select>select{width:100%}.gift-settings-body{padding:16px}}