:root{color-scheme:dark;--bg:#0c1018;--panel:#141b27;--panel2:#192231;--line:#273141;--text:#edf2f8;--muted:#98a5b8;--mint:#4de1ca;--red:#ff7d90;--radius:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.65rem,3vw,2.15rem);letter-spacing:-1.1px;line-height:1.2;margin-bottom:10px;font-weight:650}h2{font-size:1.05rem;font-weight:600;margin:0}h3{font-size:1rem;margin-bottom:8px}p{color:var(--muted)}small,.small{font-size:.875rem}.muted{color:var(--muted)}.eyebrow{display:block;font-size:.75rem;font-weight:750;letter-spacing:2px;color:var(--mint);margin-bottom:12px}.button{min-height:44px;padding:11px 18px;border:1px solid transparent;border-radius:9px;font-weight:650;font-size:.875rem;display:inline-flex;justify-content:center;align-items:center;gap:12px;text-decoration:none!important;transition:background .15s,transform .15s;white-space:nowrap}.button:hover{filter:brightness(1.08)}.button:active{transform:translateY(1px)}.primary{background:var(--mint);color:#092923}.secondary{background:var(--panel2);color:var(--text);border-color:var(--line)}.danger{background:#3a202c;color:#ffa6b5;border-color:#683849}.full{width:100%}.icon-button{border:0;background:transparent;color:var(--muted);font-size:1.3rem;min-height:44px;min-width:44px}.text-button{border:0;background:transparent;color:var(--muted);font-size:.875rem;padding:8px 0}.text-button:hover{color:var(--mint)}.brand{display:flex;gap:9px;align-items:center;color:var(--text);font-size:1.12rem;font-weight:700;letter-spacing:1px;text-decoration:none!important}.brand strong{color:var(--mint);font-size:.7rem;font-weight:600;letter-spacing:2px;margin-left:-3px}.brand-mark{width:35px;height:35px;border-radius:9px;background:var(--mint);color:#0b2a24;font-size:1.75rem;line-height:1;font-weight:850;display:grid;place-items:center;letter-spacing:-3px;padding-right:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;border-right:1px solid var(--line);padding:30px 20px;background:#101620;display:flex;flex-direction:column}.sidebar .brand{padding-left:8px}.sidebar-label{color:#7f8da2;letter-spacing:1.7px;font-size:.75rem;margin:52px 14px 15px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;gap:14px;align-items:center;padding:13px 16px;border:0;background:transparent;border-radius:9px;color:var(--muted);text-align:left;font-size:.875rem;font-weight:550}.nav-item span{font-size:1.2rem;width:20px;text-align:center}.nav-item:hover{background:#1b2531}.nav-item.active{color:var(--mint);background:#1c3737}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.plan-chip{font-size:.65rem;font-weight:700;color:var(--mint);border:1px solid var(--line);padding:9px;border-radius:7px;display:flex;justify-content:space-between}.plan-chip span{font-weight:400;color:var(--muted);font-size:.75rem}.sidebar-bottom p{font-size:.875rem;margin-top:22px}.sidebar-bottom a{font-size:.75rem;color:var(--muted)}.workspace{margin-left:218px}.topbar{height:80px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:.875rem;color:var(--muted)}.breadcrumb span{padding:0 12px;color:#526077}.breadcrumb b{font-weight:500;color:var(--text)}.account{display:flex;gap:13px;align-items:center;font-size:.875rem}.avatar{background:#263647;color:#cae9ed;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:650}main{max-width:1360px;margin:auto;padding:36px 38px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p{font-size:.875rem;margin:0}.badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:#232d3b;border:1px solid #303d4f;border-radius:30px;padding:5px 11px;color:#b8c4d4;font-size:.75rem;font-weight:550}.badge.live{background:#153b34;border-color:#236554;color:var(--mint)}.badge.warning{color:#ffd090;background:#3d3021;border-color:#655237}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.connect-panel{display:grid;grid-template-columns:1fr 225px;gap:30px;padding:24px;margin-bottom:24px}.connect-panel form>label:first-child{display:block;font-size:.875rem;font-weight:550;margin-bottom:9px}.connect-controls{display:flex;gap:10px}.username-input{display:flex;align-items:center;gap:10px;padding:0 13px;background:#0e1520;border:1px solid #344154;border-radius:9px;flex:1;min-width:0;color:#8999b0}.username-input input{background:transparent;border:0;padding-left:0;width:100%;outline-offset:0}.check{display:flex;align-items:center;gap:9px;color:var(--muted);margin-top:13px}.check input{accent-color:var(--mint);width:16px;height:16px;min-height:0;padding:0}.quota-block{padding-left:28px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.quota-block>span:first-child{font-size:.75rem;letter-spacing:1.2px}.quota-block strong{font-size:1.75rem;letter-spacing:-1px;line-height:1.5;font-weight:600}.quota-block strong small{font-size:.75rem;letter-spacing:0;color:var(--muted);font-weight:400}.quota-block>span:last-child{font-size:.75rem;margin-top:7px}progress{width:100%;height:5px;border:0;border-radius:10px;background:#2d3949;overflow:hidden}progress::-webkit-progress-bar{background:#2d3949}progress::-webkit-progress-value{background:var(--mint)}progress::-moz-progress-bar{background:var(--mint)}.live-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:24px}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;gap:10px}.count{font-size:.75rem;padding:2px 6px;background:#283244;border-radius:5px;margin-left:7px;color:#a8b6c9;vertical-align:middle}.panel-title select{font-size:.75rem;min-height:32px;padding:5px 25px 5px 8px;max-width:180px;background-color:transparent}.live-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;background:#111925;padding:10px 22px;font-size:.75rem;color:var(--muted)}.live-metrics b{font-weight:450}.dot{width:6px;height:6px;background:#6f7e94;border-radius:50%;display:inline-block;margin-right:5px}.feed{height:434px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.empty{min-height:250px;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:var(--muted)}.empty-symbol{color:var(--mint);font-size:3.2rem;margin-bottom:10px}.empty h3{color:#d8e0eb;font-weight:500}.empty p{font-size:.875rem;margin:0;line-height:1.8}.feed-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:9px 22px}.event-row{padding:14px 22px;border-bottom:1px solid #202b3b;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:start}.event-icon{background:#243245;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;color:#a8c8eb;font-size:1rem}.event-row.gift .event-icon{background:#3d2739;color:#f3a5d5}.event-row.follow .event-icon{background:#193b37;color:var(--mint)}.event-body{min-width:0}.event-body b{font-size:.75rem;font-weight:600}.event-body p{font-size:.875rem;color:#b8c6d7;margin:3px 0;overflow-wrap:anywhere}.event-body summary{font-size:.75rem;color:var(--muted);cursor:pointer}.event-row time{font-size:.75rem;color:#8d9cb1}.event-body pre,pre{font-size:.7rem;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;padding:12px;background:#0b121c;border-radius:8px}.audio-column{display:grid;gap:20px;align-content:start}.audio-panel{padding:0 20px 16px;text-align:center}.audio-panel .panel-title{padding:19px 0}.sound-visual{height:66px;display:flex;justify-content:center;align-items:center;gap:5px;margin:6px auto 18px}.sound-visual i{display:block;width:5px;height:18px;border-radius:4px;background:#345750}.sound-visual i:nth-child(3n){height:38px;background:#3da18f}.sound-visual i:nth-child(2n){height:29px}.sound-visual i:nth-child(5n){height:53px;background:var(--mint)}.sound-visual.active i{animation:pulse .8s ease-in-out infinite alternate}.sound-visual.active i:nth-child(2n){animation-delay:.3s}@keyframes pulse{to{transform:scaleY(.4)}}.audio-panel h3{font-size:.95rem;margin-bottom:3px}.audio-panel>p{font-size:.75rem;margin-bottom:20px}.volume-label{display:flex;justify-content:space-between;font-size:.75rem;margin-top:22px;text-align:left}.volume-label output{color:var(--muted)}input[type=range]{padding:0;min-height:32px;width:100%;accent-color:var(--mint);border:0;background:transparent}.audio-actions{display:flex;gap:8px;margin-top:7px}.audio-actions .button{flex:1;font-size:.75rem;min-height:38px;padding:8px}.queue-caption{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;margin-top:8px;color:var(--muted)}.queue-caption button{font-size:.75rem}.quick-panel{padding:20px}.quick-panel h2{margin-bottom:8px}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:10px;font-size:.75rem}.switch-row small{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}.switch-row input{appearance:none;width:33px;height:19px;min-height:0;padding:2px;background:#394659;border:0;border-radius:20px;cursor:pointer;flex-shrink:0}.switch-row input:before{content:'';display:block;width:15px;height:15px;border-radius:50%;background:#b2bfd1;transition:transform .15s}.switch-row input:checked{background:#2c8f7d}.switch-row input:checked:before{transform:translateX(14px);background:#8ffff0}.mobile-note{display:flex;gap:9px;border-top:1px solid var(--line);padding-top:14px;margin-top:6px;color:#9cb0c8}.mobile-note p{font-size:.75rem;margin:0;line-height:1.7}.tools-panel,.credentials-panel{margin-top:24px;padding:0 22px}summary{cursor:pointer;padding:18px 0;font-size:.875rem;font-weight:550}summary span{font-size:.75rem;color:var(--muted);margin-left:14px;font-weight:400}.tools-content{padding-bottom:22px}.tool-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.tools-content>p{font-size:.875rem}.inline-form{display:flex;gap:10px}.inline-form input{flex:1;min-width:0}.tools-content label{font-size:.875rem;display:block;margin-bottom:8px}.tools-content .check{display:flex}.app-footer{display:flex;justify-content:flex-end;gap:18px;font-size:.75rem;color:#8594a9;padding:10px 38px 24px}.app-footer span{margin-right:auto}.app-footer a{color:var(--muted)}input,select,textarea{color:var(--text);border:1px solid #354154;background:#0f1621;border-radius:8px;padding:10px 12px;min-height:44px;max-width:100%;font-size:.875rem}input::placeholder,textarea::placeholder{color:#77879d}label>input:not([type=checkbox]):not([type=range]),label>select,label>textarea{display:block;width:100%;margin-top:7px}.upload-zone{display:flex;align-items:center;padding:28px;gap:20px;border-style:dashed;margin-bottom:32px}.upload-zone>span:first-child{font-size:2rem;color:var(--mint)}.upload-zone p{font-size:.875rem;margin:5px 0 0}.upload-zone .badge{margin-left:auto}.upload-zone.drag{border-color:var(--mint);background:#19332f}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 15px}.sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.sound-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:19px;display:flex;gap:13px;align-items:center}.play-button{background:#213e3c;color:var(--mint);border:0;width:43px;height:43px;flex-shrink:0;border-radius:50%;font-size:1rem}.sound-card .sound-info{min-width:0;flex:1}.sound-card h3{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sound-card p{font-size:.75rem;margin:4px 0 0}.sound-card .sound-buttons{display:flex;flex-direction:column}.sound-buttons button{font-size:.75rem;padding:2px;min-height:25px}.sound-grid>.empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;height:180px;min-height:180px}.rules-list{display:grid;gap:13px}.rule-card{display:flex;align-items:center;gap:16px;padding:20px 22px;background:var(--panel);border:1px solid var(--line);border-radius:13px}.rule-card .rule-info{flex:1;min-width:0}.rule-card h3{margin:0;font-size:.95rem;overflow-wrap:anywhere}.rule-card p{font-size:.75rem;margin:5px 0 0;overflow-wrap:anywhere}.rule-actions{display:flex;gap:8px}.rule-actions button{font-size:.75rem;padding:8px 12px}.rule-disabled{opacity:.6}.settings-panel{padding:26px;max-width:900px}.settings-panel h2{margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid>label{font-size:.875rem;color:#d0dbe9;min-width:0}.form-grid .wide{grid-column:1/-1}.form-grid label small{display:block;font-size:.75rem;color:var(--muted);margin-top:6px}.form-footer{display:flex;gap:12px;align-items:center;margin-top:25px;flex-wrap:wrap}.settings-panel>p{margin:18px 0 0}.credentials-panel,.help-panel{max-width:900px}.help-panel{margin-top:24px;padding:26px}.help-panel ol{color:var(--muted);font-size:.875rem;line-height:2;padding-left:22px}.help-panel p{font-size:.875rem;margin-bottom:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th,td{padding:16px;border-bottom:1px solid var(--line);font-size:.875rem}th{color:var(--muted);font-weight:500}td small{display:block;color:var(--muted)}td input[type=number]{width:88px}td input[type=checkbox]{min-height:0}td .button{font-size:.75rem;padding:8px}dialog{width:min(650px,calc(100vw - 28px));max-height:90dvh;border:1px solid #3a4c60;border-radius:18px;background:var(--panel);color:var(--text);padding:27px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#050a12c9;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-heading .eyebrow{margin-bottom:5px}dialog details{margin-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:min(600px,90vw);z-index:1000;background:#e4fcf5;color:#12352c;border:1px solid #74c3a9;border-radius:12px;padding:14px 22px;box-shadow:0 10px 35px #0005;font-size:.875rem}#toast.error{background:#ffdee5;color:#622034;border-color:#bd647e}.loading{height:100vh;display:grid;place-items:center;color:var(--mint)}#login{min-height:100dvh;padding:45px 24px;background:radial-gradient(ellipse at 75% 0%,#16433e66,transparent 60%);display:grid;place-items:center}.login-card{max-width:570px}.login-card>.brand{margin-bottom:60px}.login-card h1{font-size:clamp(2.1rem,5vw,3.2rem);letter-spacing:-1.8px;line-height:1.18}.login-card em{font-style:normal;color:var(--mint)}.login-card>p{line-height:1.8}.google{margin:17px 0 12px;width:100%;font-size:1rem;min-height:52px}.google span{font-size:1.4rem}.free-note{text-align:center;color:var(--muted);font-size:.875rem}.login-features{display:flex;justify-content:space-between;gap:12px;padding:32px 0;margin:25px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.875rem}.legal{max-width:780px;margin:50px auto;padding:25px}.legal h1{margin-top:40px}.legal h2{margin-top:28px;margin-bottom:12px}.legal li{color:var(--muted);margin-bottom:8px}#gift-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:12px 0;max-height:300px;overflow:auto}#gift-catalog button{text-align:left;white-space:normal}
@media(min-width:1500px){.feed{height:480px}.live-grid{grid-template-columns:minmax(0,1fr) 345px}}
@media(max-width:1180px){.sidebar{width:180px;padding:25px 12px}.workspace{margin-left:180px}main{padding:28px 24px}.topbar{padding:0 24px}.live-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.connect-panel{grid-template-columns:1fr 180px;gap:20px}.connect-controls .button{padding:10px 12px}.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-title{padding:18px 15px}.panel-title h2{font-size:.9rem}.panel-title select{max-width:140px}.rule-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:960px){.live-grid{grid-template-columns:1fr}.audio-column{grid-template-columns:1fr 1fr;gap:18px}.feed{height:360px}.connect-panel{grid-template-columns:1fr}.quota-block{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:1fr auto;gap:4px 15px}.quota-block strong{grid-column:2;grid-row:1/3;font-size:1.5rem}.quota-block progress{align-self:center}.quota-block>span:last-child{grid-column:1/-1}.sound-grid{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start}.rule-card{flex-wrap:wrap}.rule-actions{width:100%;justify-content:flex-start}.upload-zone{flex-wrap:wrap}.upload-zone .badge{margin-left:0}}
@media(max-width:700px){.sidebar{inset:auto 0 0 0;width:100%;height:72px;z-index:50;padding:5px 8px max(5px,env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);background:#101720f5;backdrop-filter:blur(12px)}.sidebar>.brand,.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;gap:3px}.nav-item{flex:1;flex-direction:column;gap:1px;padding:5px 3px;justify-content:center;font-size:.75rem;border-radius:7px}.nav-item span{font-size:1.25rem}.workspace{margin-left:0;margin-bottom:82px}.topbar{height:64px;padding:0 18px}.account{gap:5px}#user-name{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb{font-size:.75rem}.breadcrumb span{padding:0 6px}main{padding:26px 16px 14px}.page-heading{margin-bottom:22px;flex-wrap:wrap;gap:14px}.page-heading h1{font-size:1.65rem;letter-spacing:-.8px}.page-heading p{font-size:.875rem}.eyebrow{font-size:.75rem;margin-bottom:10px}.connect-panel{padding:18px;gap:18px;margin-bottom:18px}.connect-controls{flex-wrap:wrap}.username-input{flex-basis:100%}.connect-controls .button{width:100%}.audio-column{grid-template-columns:1fr}.audio-panel{padding:0 20px 17px}.sound-visual{height:48px;margin:0 auto 15px}.panel-title{padding:17px}.live-metrics{padding:10px 15px}.feed{height:340px}.event-row{padding:12px 15px}.feed-footer{padding:8px 15px}.quick-panel{padding:20px}.tools-panel,.credentials-panel{padding:0 17px}summary span{display:block;margin:3px 0 0}.tools-content .button{font-size:.75rem}.inline-form{flex-wrap:wrap}.inline-form input{flex-basis:100%}.sound-grid{grid-template-columns:1fr}.section-heading{flex-wrap:wrap}.section-heading input{width:100%}.upload-zone{padding:22px}.upload-zone>span:first-child{display:none}.upload-zone p{font-size:.75rem}.form-grid{gap:17px;grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.settings-panel,.help-panel{padding:21px}.rule-card{padding:17px;gap:10px}.rule-actions{gap:7px}.rule-actions button{flex:1}.app-footer{padding:12px 18px 18px;gap:8px 15px;flex-wrap:wrap}.app-footer span{width:100%}dialog{padding:22px;max-height:86dvh}.login-card>.brand{margin-bottom:42px}.login-features{flex-direction:column;gap:15px;padding:24px 0}.login-card h1{letter-spacing:-1px}#toast{bottom:88px}.sound-grid>.empty{height:220px}.tool-buttons{gap:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media(max-width:700px){.live-grid{display:flex;flex-direction:column}.audio-column{order:-1}.audio-panel .sound-visual{display:none}.audio-panel h3,.audio-panel>p{display:none}.audio-panel .panel-title{padding:15px 0}.quick-panel{display:none}.volume-label{margin-top:15px}}