:root{--bg:#f8eff4;--paper:#fffafd;--ink:#211d28;--muted:#746e79;--purple:#9a4de0;--purple2:#d571bd;--pink:#f05aab;--line:#eadbe4;--green:#51a66d;--shadow:0 16px 45px rgba(91,42,78,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;min-height:100vh}.shell{max-width:1180px;margin:auto;padding:0 34px;position:relative;z-index:1}.ambient{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none}.ambient-one{width:350px;height:350px;background:#d9cdf7;opacity:.35;right:-120px;top:180px}.ambient-two{width:260px;height:260px;background:#f1d6dc;opacity:.45;left:-120px;bottom:70px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:inherit}.brand strong{display:block;font:600 21px Fredoka}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.05em}.logo{width:43px;height:43px;background:var(--ink);border-radius:14px;display:grid;place-items:center;position:relative}.logo b{font-size:23px;font-style:normal}.header-actions{display:flex;gap:10px;align-items:center}.pill{font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:30px;padding:9px 13px;background:var(--paper)}.pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aaa;margin-right:7px}.pill.live i{background:var(--green);box-shadow:0 0 0 4px rgba(81,166,109,.15)}button{font:inherit;cursor:pointer}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:var(--paper);border-radius:50%}.hero{min-height:360px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;padding:50px 5% 38px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--purple);font-weight:700}.hero h1{font:600 clamp(46px,6vw,76px)/.96 Fredoka;margin:13px 0 20px;letter-spacing:-.035em}.hero h1 em{color:var(--purple);font-style:normal}.hero p{color:var(--muted);max-width:520px;font-size:16px;line-height:1.7}.panda-card{justify-self:center;width:230px;height:230px;border:1px solid rgba(117,80,217,.25);border-radius:48% 52% 44% 56%;background:linear-gradient(145deg,#efe8ff,#ddd0ff);display:grid;place-items:center;transform:rotate(5deg);position:relative}.head{width:120px;height:100px;background:#fff;border-radius:48%;position:relative;box-shadow:0 15px 30px rgba(70,50,100,.16)}.ear{position:absolute;width:38px;height:38px;border-radius:50%;background:#29232f;top:-13px}.ear.left{left:4px}.ear.right{right:4px}.eye{position:absolute;background:#312a38;width:25px;height:34px;border-radius:50%;top:30px}.eye:after{content:"";width:7px;height:9px;background:#fff;border-radius:50%;position:absolute;top:5px;left:8px}.e1{left:24px;transform:rotate(20deg)}.e2{right:24px;transform:rotate(-20deg)}.nose{position:absolute;bottom:21px;left:53px;width:15px;height:10px;background:#312a38;border-radius:50%}.sound-wave{position:absolute;right:17px;font:600 24px Fredoka;color:var(--purple);transform:rotate(-5deg)}.spark{position:absolute;color:#fff}.s1{top:20px;left:35px;font-size:26px}.s2{bottom:28px;right:50px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:60px}.panel{background:rgba(255,253,249,.88);border:1px solid var(--line);border-radius:22px;padding:27px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.panel-head>div{display:flex;align-items:center;gap:10px}.panel h2{font:600 20px Fredoka;margin:0}.step{font-size:10px;color:var(--purple);background:#eee7ff;padding:5px 7px;border-radius:7px;font-weight:700}.hint{font-size:12px;color:var(--muted);margin:-10px 0 20px}.text-btn,.recent button{border:0;background:transparent;color:var(--purple);font-size:12px;font-weight:700}label{display:block;font-size:12px;color:var(--muted);font-weight:600;margin:15px 0}input,select,textarea{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px 13px;color:var(--ink);font:500 14px "DM Sans";outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--purple2);box-shadow:0 0 0 3px rgba(117,80,217,.1)}textarea{resize:vertical}.secret-wrap{position:relative}.secret-wrap input{padding-right:60px}.secret-wrap button{position:absolute;right:8px;top:16px;border:0;background:none;color:var(--purple);font-size:11px;font-weight:700}.primary{width:100%;border:0;border-radius:12px;background:var(--purple);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;font-weight:700;box-shadow:0 8px 18px rgba(117,80,217,.25)}.primary:hover{background:#6340c4}.primary:disabled{opacity:.6;cursor:wait}.status-message{font-size:12px;margin-top:12px;color:var(--muted);min-height:16px}.status-message.error{color:#c34f5e}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.field-grid .full{grid-column:1/-1}output{float:right;color:var(--purple);font-size:11px}input[type=range]{appearance:none;height:4px;padding:0;border:0;background:linear-gradient(90deg,var(--purple),#ddd);margin-top:15px}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--purple);border:3px solid #fff;box-shadow:0 0 0 1px var(--purple)}.toggles{border-top:1px solid var(--line);margin-top:17px}.toggles label{display:flex;justify-content:space-between;align-items:center;position:relative;margin:16px 0}.toggles span b,.toggles span small{display:block}.toggles span b{color:var(--ink);font-size:13px}.toggles span small{font-weight:400;margin-top:2px}.toggles input{display:none}.toggles i{width:36px;height:20px;border-radius:20px;background:#ccc;position:relative}.toggles i:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s}.toggles input:checked+i{background:var(--purple)}.toggles input:checked+i:after{left:19px}.saved{font-size:10px;color:var(--green);opacity:0;transition:.2s}.saved.show{opacity:1}.counter{font-size:11px;background:#f0ebf7;padding:6px 9px;border-radius:12px;color:var(--purple)}.now-speaking{background:#f1ecfa;border-radius:15px;padding:17px;display:flex;align-items:center;gap:13px}.avatar{background:#fff;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.now-speaking>div:nth-child(2){min-width:0;flex:1}.now-speaking small{font-size:10px;color:var(--purple);font-weight:700}.now-speaking p{font-size:13px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bars{display:flex;gap:2px;align-items:center;height:22px}.bars i{width:3px;height:7px;background:var(--purple);border-radius:4px}.speaking .bars i{animation:bar .7s infinite alternate}.speaking .bars i:nth-child(2){animation-delay:.2s}.speaking .bars i:nth-child(3){animation-delay:.4s}@keyframes bar{to{height:21px}}.transport{display:flex;gap:8px;margin:12px 0}.transport button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px}.transport .clear{margin-left:auto;font-size:11px;color:var(--muted)}.test-row{display:flex;gap:8px}.test-row input{margin:0}.test-row button{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:0 17px;font-weight:700}.recent{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.recent-head{display:flex;justify-content:space-between}.recent h3{font-size:12px;margin:0}.recent ul{list-style:none;padding:0;margin:12px 0 0;max-height:145px;overflow:auto}.recent li{font-size:12px;padding:9px 0;border-bottom:1px solid #eee8e1;display:flex;justify-content:space-between;gap:10px}.recent li span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent li time{font-size:10px;color:#aaa}.recent .empty{color:var(--muted);border:0}.safety-panel{align-self:start}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 35px;color:var(--muted);font-size:12px}footer a{color:var(--purple);text-decoration:none}.dark{--bg:#18151d;--paper:#211d27;--ink:#f7f2fb;--muted:#aaa2b1;--line:#39323f;--shadow:0 16px 45px rgba(0,0,0,.16)}.dark input,.dark select,.dark textarea,.dark .transport button{background:#2a2430}.dark .now-speaking{background:#2b2437}.dark .avatar{background:#3a3047}.dark .recent li{border-color:#39323f}.dark .panda-card{filter:brightness(.78)}
@media(max-width:760px){.shell{padding:0 18px}.hero{grid-template-columns:1fr;padding:52px 0}.panda-card{display:none}.workspace{grid-template-columns:1fr}.hero h1{font-size:50px}header{height:78px}.brand small{display:none}.panel{padding:22px}footer{flex-direction:column;gap:10px}}

/* Combined chat and pink dark-mode refresh */
.dark{--bg:#120f16;--paper:#1d1821;--ink:#fff4fb;--muted:#b9a8b5;--line:#3c2b38;--purple:#b768ff;--purple2:#ec83d0;--pink:#ff62b4;--shadow:0 16px 45px rgba(0,0,0,.24)}
.ambient-one{background:#dc70bc}.ambient-two{background:#ff8fc6}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 360px;align-items:start}.combined-panel{grid-column:3;grid-row:1/4;padding:0;overflow:hidden;position:sticky;top:18px;height:calc(100vh - 36px);min-height:680px;display:flex;flex-direction:column;border-color:rgba(240,90,171,.25);box-shadow:0 20px 60px rgba(225,63,150,.12)}.combined-title{padding:25px 24px 17px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,rgba(240,90,171,.13),rgba(154,77,224,.08))}.combined-title h2{font-size:25px;margin-top:4px}.combined-title .eyebrow{font-size:9px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--pink);border-radius:50%;margin-right:6px;box-shadow:0 0 0 5px rgba(255,95,168,.12)}.source-tabs{display:flex;gap:5px;padding:11px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:auto}.source-tabs button{border:0;background:transparent;color:var(--muted);border-radius:18px;padding:7px 9px;font-size:10px;font-weight:700}.source-tabs button.active{background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff}.source-connectors{padding:8px 16px;border-bottom:1px solid var(--line)}details{border-bottom:1px solid var(--line);font-size:11px}details:last-child{border:0}summary{list-style:none;display:flex;align-items:center;gap:8px;padding:10px 0;cursor:pointer;font-weight:700}summary::-webkit-details-marker{display:none}summary i{font-style:normal;color:var(--muted);margin-left:auto;font-weight:500;font-size:9px}.source-icon{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;color:#fff}.source-icon.youtube{background:#f04452}.source-icon.twitch{background:#9147ff}.source-icon.tiktok{background:#16131a;box-shadow:2px 0 #ff3b8d,-2px 0 #3be6e2}details p{color:var(--muted);line-height:1.5;margin:0 0 9px}details label{margin:8px 0;font-size:9px}details input{padding:8px;margin-top:4px;font-size:11px}.source-button{width:100%;padding:8px;border:1px solid rgba(240,90,171,.35);background:rgba(240,90,171,.1);color:var(--pink);border-radius:8px;font-size:10px;font-weight:700;margin-bottom:10px}code{font-size:9px;color:var(--purple2)}.chat-feed{flex:1;overflow:auto;padding:9px 16px}.feed-empty{height:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.feed-empty span{font-size:28px;margin-bottom:8px}.feed-empty b{color:var(--ink);font-size:12px}.feed-empty small{font-size:10px;margin-top:3px}.chat-message{display:grid;grid-template-columns:32px 1fr;gap:9px;padding:11px 3px;border-bottom:1px solid var(--line)}.chat-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:11px;color:#fff;font-weight:700;background:linear-gradient(145deg,var(--pink),var(--purple))}.chat-meta{display:flex;align-items:center;gap:6px}.chat-meta b{font-size:11px;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta time{font-size:8px;color:var(--muted);margin-left:auto}.platform-tag{font-size:7px;text-transform:uppercase;letter-spacing:.06em;padding:3px 5px;border-radius:5px}.platform-tag.youtube{background:rgba(240,68,82,.14);color:#ff6673}.platform-tag.twitch{background:rgba(145,71,255,.16);color:#b286ff}.platform-tag.tiktok{background:rgba(240,90,171,.16);color:#ff72bd}.chat-message p{grid-column:2;margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.feed-footer{padding:12px 16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--muted)}.feed-footer span i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:5px}.feed-footer button{border:0;background:none;color:var(--pink);font-size:9px}
@media(max-width:1100px){.workspace{grid-template-columns:1fr 1fr}.combined-panel{grid-column:1/-1;grid-row:auto;position:relative;top:0;height:720px;min-height:0}}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.combined-panel{height:680px}.combined-title{padding:22px}.source-tabs{padding-inline:12px}}

/* Theme contrast and simplified hero */
:root{--bg:#fff7fb;--paper:#ffffff;--ink:#261d28;--muted:#6f626d;--line:#eadce5;--purple:#8d45cf;--purple2:#c15caa;--pink:#e9449d;--soft:#f8edf5;--field:#fff;--shadow:0 16px 45px rgba(108,52,91,.1)}
.dark{--bg:#211a24;--paper:#302635;--ink:#fff8fc;--muted:#d0c1cb;--line:#574456;--purple:#c783ff;--purple2:#ff93db;--pink:#ff74bd;--soft:#3a2d40;--field:#271f2c;--shadow:0 16px 45px rgba(8,4,10,.24)}
body{transition:background .25s,color .25s}.panel{background:var(--paper);color:var(--ink);border-color:var(--line)}input,select,textarea,.dark input,.dark select,.dark textarea,.dark .transport button{background:var(--field);color:var(--ink);border-color:var(--line)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}.step{background:var(--soft);color:var(--purple)}.counter{background:var(--soft);color:var(--purple)}.now-speaking,.dark .now-speaking{background:var(--soft)}.avatar,.dark .avatar{background:var(--paper)}.recent li,.dark .recent li{border-color:var(--line)}.pill,.icon-btn{background:var(--paper);color:var(--ink)}.toggles span b,.feed-empty b{color:var(--ink)}.combined-title{background:linear-gradient(135deg,color-mix(in srgb,var(--pink) 15%,var(--paper)),color-mix(in srgb,var(--purple) 10%,var(--paper)))}.source-tabs button.active{color:#fff}.primary{background:linear-gradient(100deg,var(--pink),var(--purple));box-shadow:0 8px 20px color-mix(in srgb,var(--pink) 25%,transparent)}.primary:hover{filter:brightness(.94)}
.compact-brand{width:43px}.hero{min-height:300px;grid-template-columns:minmax(0,1fr) 300px;padding:35px 7% 28px}.hero-title h1{font:600 clamp(56px,7vw,88px)/1 Fredoka;margin:0;background:linear-gradient(100deg,var(--ink) 10%,var(--pink) 55%,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.045em}.panda-card{width:250px;height:250px;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--pink) 18%,var(--paper)),color-mix(in srgb,var(--purple) 12%,var(--paper)) 63%,transparent 64%);border:0;border-radius:50%;transform:none;box-shadow:none;overflow:visible}.panda-card img{width:115%;height:115%;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(79,35,70,.18))}.dark .panda-card{filter:none}.dark .panda-card img{filter:drop-shadow(0 22px 26px rgba(0,0,0,.28))}.ambient{opacity:.14}.dark .ambient{opacity:.12}
@media(max-width:760px){.hero{min-height:260px;display:grid;grid-template-columns:1fr 150px;padding:28px 0}.hero-title h1{font-size:46px}.panda-card{display:grid;width:150px;height:150px}.compact-brand{display:flex}}
@media(max-width:520px){.hero{grid-template-columns:1fr;text-align:center}.panda-card{justify-self:center;grid-row:1}.hero-title{grid-row:2}.hero-title h1{font-size:48px}}

/* Wider, clearly separated dashboard */
.shell{max-width:1540px;padding-inline:42px}.hero{min-height:270px;padding:30px 4% 24px}.workspace{grid-template-columns:minmax(330px,1fr) minmax(330px,1fr) minmax(400px,1.08fr);gap:24px}.live-panel{grid-column:1;grid-row:2}.commands-panel{grid-column:2;grid-row:2}.voice-panel{grid-column:1;grid-row:3}.queue-panel{grid-column:2;grid-row:3}.safety-panel{grid-column:1/3;grid-row:4}.activity-panel{grid-column:1/-1;grid-row:1;padding:22px 25px}.combined-panel{grid-column:3;grid-row:2/5;position:sticky;top:18px;height:calc(100vh - 36px);min-height:700px}.activity-panel .panel-head{margin-bottom:15px}.activity-panel .activity-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.activity-stat{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);min-width:0}.activity-stat>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:16px}.activity-stat.follow>span{background:linear-gradient(135deg,#ff6caf,#e74590)}.activity-stat.sub>span{background:linear-gradient(135deg,#be7cff,#8e4dde)}.activity-stat.cheer>span{background:linear-gradient(135deg,#ffb45f,#ed7f38)}.activity-stat small,.activity-stat b,.activity-stat em{display:block}.activity-stat small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.activity-stat b{font-size:14px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-stat em{font-size:9px;color:var(--muted);font-style:normal}.activity-stat strong{color:var(--pink)}.activity-panel .activity-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:125px;margin-top:12px;overflow:auto}.activity-panel .activity-item{border:1px solid var(--line);border-radius:10px;padding:8px}.activity-panel .activity-list>p{grid-column:1/-1;margin:8px}.activity-panel>.micro-note{text-align:right;margin-top:8px}
@media(max-width:1200px){.shell{padding-inline:28px}.workspace{grid-template-columns:1fr 1fr}.activity-panel{grid-column:1/-1;grid-row:1}.live-panel{grid-column:1;grid-row:2}.commands-panel{grid-column:2;grid-row:2}.voice-panel{grid-column:1;grid-row:3}.queue-panel{grid-column:2;grid-row:3}.safety-panel{grid-column:1/-1;grid-row:4}.combined-panel{grid-column:1/-1;grid-row:5;position:relative;top:0;height:720px}.activity-panel .activity-stats{grid-template-columns:repeat(3,1fr)}}
/* Section gutters: keep cards visually distinct without adding outer whitespace */
.shell{max-width:1640px}.workspace{column-gap:52px;row-gap:38px}.panel{scroll-margin-top:32px}
@media(max-width:1200px){.workspace{column-gap:30px;row-gap:30px}}
@media(max-width:760px){.shell{padding-inline:18px}.workspace{grid-template-columns:1fr;gap:22px}.activity-panel,.live-panel,.commands-panel,.voice-panel,.queue-panel,.safety-panel,.combined-panel{grid-column:1;grid-row:auto}.activity-panel .activity-stats,.activity-panel .activity-list{grid-template-columns:1fr}.activity-panel>.micro-note{text-align:left}}
.commands-panel{align-self:start}.command-form{display:grid;grid-template-columns:140px 1fr auto;gap:10px;align-items:end}.command-form label{margin:0}.command-form .source-button{margin:0;height:43px;padding-inline:14px}.command-list{margin-top:16px;border-top:1px solid var(--line)}.command-item{display:flex;align-items:center;justify-content:space-between;padding:11px 3px;border-bottom:1px solid var(--line);gap:12px}.command-item div{min-width:0}.command-item b,.command-item span{display:block}.command-item b{color:var(--pink);font-size:12px}.command-item span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.command-item button{border:0;background:var(--soft);color:var(--muted);width:25px;height:25px;border-radius:50%}.micro-note{font-size:9px;color:var(--muted);line-height:1.5;margin:12px 0 0}.guard-toggle{border-top:0;border-bottom:1px solid var(--line);margin:0 0 15px}.activity-mini{padding:13px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--pink) 4%,var(--paper))}.activity-head{display:flex;justify-content:space-between;align-items:center}.activity-head h3{font-size:11px;margin:0}.activity-head button{border:0;background:none;color:var(--pink);font-size:9px}.activity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0}.activity-stats span{font-size:8px;color:var(--muted);background:var(--soft);padding:7px;border-radius:8px;text-align:center}.activity-stats b{display:block;font-size:14px;color:var(--ink)}.activity-list{max-height:142px;overflow:auto}.activity-list>p{font-size:9px;color:var(--muted);text-align:center;margin:15px}.activity-item{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:7px;padding:7px 0;border-top:1px solid var(--line)}.activity-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:10px}.activity-icon.follow{background:#ef5c9f}.activity-icon.sub{background:#9a5de8}.activity-icon.cheer{background:#f29a4a}.activity-item b,.activity-item small{display:block}.activity-item b{font-size:9px}.activity-item small{font-size:8px;color:var(--muted)}.activity-item em{font-style:normal;font-size:7px;color:var(--muted);text-transform:uppercase}@media(max-width:760px){.command-form{grid-template-columns:1fr}.command-form .source-button{width:100%}}
.test-voice-button{width:100%;margin-top:18px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--pink) 35%,var(--line));border-radius:12px;background:linear-gradient(100deg,color-mix(in srgb,var(--pink) 10%,var(--paper)),color-mix(in srgb,var(--purple) 9%,var(--paper)));color:var(--ink);display:flex;align-items:center;gap:11px;text-align:left}.test-voice-button:hover{border-color:var(--pink);transform:translateY(-1px)}.test-voice-button .test-play{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-size:11px;padding-left:2px}.test-voice-button b,.test-voice-button small{display:block}.test-voice-button b{font-size:12px}.test-voice-button small{font-size:10px;color:var(--muted);margin-top:2px}.test-voice-button.playing .test-play{animation:testPulse .8s ease-in-out infinite alternate}@keyframes testPulse{to{transform:scale(1.12);box-shadow:0 0 0 6px color-mix(in srgb,var(--pink) 16%,transparent)}}

/* Custom viewer alerts */
.alerts-panel{grid-column:1/3;grid-row:5}.alert-editor{display:grid;grid-template-columns:1fr 1fr;gap:12px}.alert-config{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--soft)}.alert-config-head{display:flex;align-items:center;gap:9px}.alert-config-head>b{font-size:12px;flex:1}.alert-swatch{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:700}.mini-toggle{margin:0}.mini-toggle input{width:auto;margin:0}.alert-config-fields{display:grid;grid-template-columns:1fr 1fr 65px 55px;gap:8px}.alert-config-fields label{margin:10px 0 0;font-size:9px}.alert-config-fields label:nth-child(2){grid-column:1/-1}.alert-config-fields input{padding:8px;margin-top:4px;font-size:11px}.alert-config-fields input[type=color]{height:34px;padding:3px}.alert-config-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.alert-config-actions label{margin:0;font-size:9px}.alert-config-actions input{width:auto;margin:0 5px 0 0}.alert-config-actions button{border:1px solid var(--line);background:var(--paper);color:var(--purple);border-radius:8px;padding:6px 10px;font-size:9px;font-weight:700}.alert-global{display:grid;grid-template-columns:1fr 1.5fr auto;gap:12px;align-items:end;margin-top:12px}.alert-global label{margin:0}.alert-global .source-button{margin:0;height:43px}.relay-state{grid-column:2/-1;font-size:9px;color:var(--muted);margin-top:-7px}.alert-overlay{position:fixed;z-index:1000;left:50%;top:28px;transform:translate(-50%,-140%);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.9,.2,1.15),opacity .3s}.alert-overlay.visible{transform:translate(-50%,0);opacity:1}.viewer-alert{--alert-color:#ff4d7d;min-width:min(520px,calc(100vw - 30px));max-width:680px;display:flex;align-items:center;gap:16px;padding:18px 22px;background:color-mix(in srgb,var(--alert-color) 12%,var(--paper));border:2px solid var(--alert-color);border-radius:18px;box-shadow:0 20px 65px rgba(25,12,25,.3);backdrop-filter:blur(16px)}.viewer-alert-icon{width:52px;height:52px;flex:0 0 52px;border-radius:15px;display:grid;place-items:center;background:var(--alert-color);color:#fff;font-size:24px}.viewer-alert small,.viewer-alert strong{display:block}.viewer-alert small{color:var(--alert-color);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.viewer-alert strong{font:600 20px/1.25 Fredoka;margin-top:4px}.dark .viewer-alert{background:color-mix(in srgb,var(--alert-color) 16%,var(--paper))}
@media(max-width:1200px){.alerts-panel{grid-column:1/-1;grid-row:5}.combined-panel{grid-row:6}.alert-editor{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.alerts-panel,.combined-panel{grid-column:1;grid-row:auto}.alert-editor,.alert-global{grid-template-columns:1fr}.relay-state{grid-column:1}.alert-config-fields{grid-template-columns:1fr 1fr}.alert-config-fields label:nth-child(2){grid-column:1/-1}.viewer-alert strong{font-size:16px}}