:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090d12;color:#f2f6f8}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#090d12}button,input,textarea,select{font:inherit}button{cursor:pointer}.monitor-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;height:100vh}.monitor-column{position:relative;min-width:0;height:100vh;background:#090d12}.monitor-column+.monitor-column{border-left:1px solid #202832}.compact-toolbar{position:relative;z-index:3;display:flex;align-items:center;gap:8px;height:54px;padding:7px 12px;border-bottom:1px solid #202832;background:rgba(13,18,24,.98)}.compact-toolbar>strong{flex:0 0 auto;font-size:13px}.settings-button{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #2b3540;border-radius:8px;background:#111820;color:#b9c2ca;font-size:11px}.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#45d389;box-shadow:0 0 0 4px rgba(69,211,137,.12)}.status-dot.off{background:#667382;box-shadow:none}.status-dot.error{background:#ff7089;box-shadow:0 0 0 4px rgba(255,112,137,.12)}.compact-switch{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#72808d}.compact-switch span{position:relative;width:31px;height:18px;border-radius:20px;background:#35404c}.compact-switch span:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.18s}.compact-switch[aria-pressed="true"]{color:#8eddb4}.compact-switch[aria-pressed="true"] span{background:#25a766}.compact-switch[aria-pressed="true"] span:after{transform:translateX(13px)}.compact-switch em{font-size:10px;font-style:normal;white-space:nowrap}.compact-search{display:flex;min-width:100px;flex:1;align-items:center;gap:7px;padding:7px 9px;border:1px solid #202832;border-radius:8px;background:#0b1016;color:#667382}.compact-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e8edf1;font-size:11px}.pause-strip{position:absolute;top:54px;left:0;right:0;z-index:2;padding:7px 14px;border-bottom:1px solid #4f3439;background:#24171a;color:#ff8292;font-size:10px}.feed-frame{position:absolute;inset:54px 0 0;width:100%;height:calc(100% - 54px);border:0;background:#090d12}.monitor-column.paused .feed-frame{opacity:.45}.drawer-backdrop{position:fixed;inset:0;z-index:40;visibility:hidden;border:0;background:rgba(2,5,8,.74);opacity:0;transition:.18s}.drawer-backdrop.open{visibility:visible;opacity:1}.settings-drawer{position:fixed;inset:0 auto 0 0;z-index:50;display:grid;grid-template-rows:auto minmax(0,1fr);width:560px;max-width:96vw;border-right:1px solid #2c3742;background:#0d1218;box-shadow:24px 0 70px rgba(0,0,0,.55);transform:translateX(-102%);transition:.2s}.settings-drawer.open{transform:translateX(0)}.settings-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 13px;border-bottom:1px solid #202832}.settings-drawer h1,.settings-drawer h2,.settings-drawer p{margin:0}.settings-drawer header small{color:#45d389;font-size:8px;letter-spacing:.18em}.settings-drawer header h1{margin-top:3px;font-size:19px}.settings-drawer header p{margin-top:4px;color:#667382;font-size:8px}.settings-drawer header button{width:32px;height:32px;border:1px solid #2b3540;border-radius:8px;background:#111820;color:#b9c2ca}.settings-drawer form{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.settings-tabs{display:flex;gap:5px;overflow-x:auto;padding:9px 12px;border-bottom:1px solid #202832;background:#0b1016;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button{flex:1 0 auto;padding:7px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#788693;font-size:8px;white-space:nowrap}.settings-tabs button:hover{background:#111820;color:#dbe2e8}.settings-tabs button[aria-selected="true"]{border-color:#285f4b;background:#10251d;color:#6de0aa;font-weight:700}.drawer-content{overflow:auto;padding:12px}.settings-panel[hidden]{display:none}.settings-panel{animation:settings-panel-in .14s ease-out}.settings-card{margin-bottom:10px;padding:14px;border:1px solid #202832;border-radius:11px;background:#10171f}.settings-card.activation-settings{border-left:3px solid #45d389}.settings-card.bell-settings{border-left:3px solid #2c8cff}.settings-card.gmgn-settings{border-left:3px solid #e0a72f}.settings-card.sound-card{border-left:3px solid #9c72ff}.section-kicker{display:block;margin-bottom:4px;color:#667382;font-size:7px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.card-heading h2{font-size:13px}.card-heading p{margin-top:4px;color:#667382;font-size:9px;line-height:1.45}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:10px 0;border-top:1px solid #202832}.toggle-row:first-of-type{margin-top:10px}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:10px}.toggle-row small{margin-top:3px;color:#667382;font-size:8px}.toggle-row input{width:16px!important;height:16px;accent-color:#2c8cff}.settings-card>label{display:grid;gap:5px;margin-top:10px;color:#8d9aa6;font-size:9px}.settings-card label>small{color:#667382;font-size:8px;line-height:1.45}.settings-card input[type="text"],.settings-card input[type="password"],.settings-card input[type="number"],.settings-card textarea,.settings-card select{width:100%;padding:9px;border:1px solid #2b3540;border-radius:8px;outline:0;background:#0b1016;color:#dce2e7;resize:vertical}.settings-card input:focus,.settings-card textarea:focus,.settings-card select:focus{border-color:#367b60;box-shadow:0 0 0 2px rgba(69,211,137,.08)}.settings-tip{margin-top:10px;padding:10px;border:1px solid #26343e;border-radius:8px;background:#0c1319;color:#7d8b97;font-size:8px;line-height:1.55}.sound-setting{display:grid;grid-template-columns:minmax(0,1fr) 145px auto;align-items:center;gap:7px;margin-top:7px;padding:9px;border:1px solid #27313b;border-radius:8px;background:#0c1218}.sound-setting strong,.sound-setting small{display:block}.sound-setting strong{font-size:9px}.sound-setting small{margin-top:2px;color:#667382;font-size:7px}.sound-setting select{padding:7px;font-size:8px}.sound-setting button,.settings-action-row button{padding:7px 9px;border:1px solid #2b3540;border-radius:7px;background:#111820;color:#b9c2ca;font-size:8px}.gmgn-sound-toggle{margin-top:9px;border-top-color:#5c4a20}.settings-action-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.settings-action-row .danger{color:#ff7089}.setting-status{margin-top:8px!important;color:#667382!important;font-size:8px!important;line-height:1.5}.setting-status.success{color:#45d389!important}.setting-status.error{color:#ff7089!important}.settings-drawer form>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;border-top:1px solid #202832;background:#0b1016}.settings-drawer form>footer span{color:#667382;font-size:8px}.settings-drawer form>footer button{padding:9px 13px;border:0;border-radius:8px;background:#2c8cff;color:#fff;font-size:9px;font-weight:700}@keyframes settings-panel-in{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:900px){html,body{overflow:auto}.monitor-shell{grid-template-columns:1fr;height:auto}.monitor-column{height:80vh}.monitor-column+.monitor-column{border-top:1px solid #202832;border-left:0}.compact-switch em{display:none}}@media(max-width:560px){.settings-drawer{width:100vw;max-width:100vw}.settings-tabs button{flex:0 0 auto}.sound-setting{grid-template-columns:1fr auto}.sound-setting select{grid-column:1/-1}}

/* 1.6.78 appearance lab: presentation-only controls. */
.appearance-lab { gap: 16px; }
.appearance-presets,.appearance-transfer { display:flex; flex-wrap:wrap; gap:8px; }
.appearance-presets button,.appearance-transfer button { min-height:38px; }
.appearance-preview-grid,.appearance-surface-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.appearance-preview { --preview-color:#45d389; --preview-surface:rgba(69,211,137,.28); --preview-surface-soft:rgba(69,211,137,.16); --preview-surface-strong:rgba(69,211,137,.36); --preview-border:#202832; --preview-density:1; min-width:0; padding:12px; overflow:hidden; border:1px solid #273442; border-radius:14px; background:#0a1016; }
.appearance-preview>header { display:flex; justify-content:space-between; gap:8px; margin-bottom:10px; color:#d9e6f2; }
.appearance-preview>header small { color:#728496; font-size:11px; }
.preview-card { position:relative; box-sizing:border-box; max-width:100%; min-width:55%; padding:calc(12px * var(--preview-density)); border:1px solid var(--preview-border); border-radius:12px; background:linear-gradient(var(--preview-surface),var(--preview-surface)),#10171f; color:#e9f1f7; transition:width .12s ease,background-color .12s ease,border-color .12s ease; }
.preview-card strong { display:block; color:#e9f1f7; }
.preview-card p { margin:calc(8px * var(--preview-density)) 0; padding:calc(7px * var(--preview-density)); border-radius:7px; background:linear-gradient(var(--preview-surface-strong),var(--preview-surface-strong)),#0c2018; font-size:12px; line-height:1.45; }
.preview-image { position:relative; box-sizing:border-box; max-width:100%; height:54px; padding:16px; border-radius:8px; background:linear-gradient(var(--preview-surface-soft),var(--preview-surface-soft)),#111820; color:#cbd6df; text-align:center; }
.preview-card-handle,.preview-image-handle { position:absolute; z-index:2; display:block; width:12px; height:32px; right:-6px; top:50%; transform:translateY(-50%); border:1px solid var(--preview-border); border-radius:8px; background:#101820; cursor:ew-resize; touch-action:none; }
.preview-image-handle { right:calc(100% - var(--preview-image-percent,60%) - 6px); top:auto; bottom:11px; height:18px; }
.appearance-surface-grid fieldset,.appearance-visibility { min-width:0; margin:0; padding:12px; border:1px solid #2a3948; border-radius:12px; }
.appearance-surface-grid legend,.appearance-visibility legend { padding:0 6px; color:#9ec7e7; font-weight:700; }
.appearance-surface-grid fieldset>label { display:grid; grid-template-columns:1fr auto; align-items:center; gap:6px 10px; margin:8px 0; }
.appearance-surface-grid input[type="range"] { grid-column:1/-1; width:100%; accent-color:#45d389; }
.appearance-surface-grid output { color:#7edcb0; font-variant-numeric:tabular-nums; }
.appearance-colors { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.appearance-colors label { display:flex!important; flex-direction:column; align-items:flex-start!important; gap:6px!important; font-size:12px; }
.appearance-colors input[type="color"] { box-sizing:border-box; width:100%; height:36px; padding:2px; border:1px solid #334557; border-radius:8px; background:#111820; }
.appearance-visibility { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 12px; }
.appearance-visibility label { display:flex; align-items:center; gap:7px; font-size:12px; color:#b7c6d3; }
.appearance-visibility input { accent-color:#45d389; }
.appearance-account-colors { display:grid; gap:10px; padding:12px; border:1px solid #2a3948; border-radius:12px; background:#0c1319; }
.appearance-account-colors-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.appearance-account-colors-heading strong,.appearance-account-colors-heading small { display:block; }
.appearance-account-colors-heading strong { color:#dce8f2; font-size:11px; }
.appearance-account-colors-heading small { margin-top:4px; color:#748698; font-size:8px; line-height:1.45; }
.appearance-account-colors-heading button,.appearance-account-group-remove { padding:7px 9px; border:1px solid #315846; border-radius:8px; background:#11251c; color:#7fe0ad; font-size:8px; font-weight:800; white-space:nowrap; }
.appearance-account-color-groups { display:grid; gap:9px; }
.appearance-account-color-empty { margin:0; padding:14px; border:1px dashed #334250; border-radius:9px; color:#718190; font-size:9px; text-align:center; }
.appearance-account-group { --account-preview-rgb:69,211,137; --account-preview-opacity:.28; display:grid; grid-template-columns:minmax(120px,.8fr) 72px minmax(150px,1fr) auto; gap:9px; align-items:end; padding:10px; border:1px solid color-mix(in srgb,rgb(var(--account-preview-rgb)) 48%,#2a3948); border-radius:10px; background:linear-gradient(rgba(var(--account-preview-rgb),var(--account-preview-opacity)),rgba(var(--account-preview-rgb),var(--account-preview-opacity))),#10171f; }
.appearance-account-group label { display:grid; gap:5px; min-width:0; color:#aebdca; font-size:8px; }
.appearance-account-group input[type="text"],.appearance-account-group textarea { min-width:0; padding:8px; font-size:9px; }
.appearance-account-group textarea { min-height:58px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; resize:vertical; }
.appearance-account-group input[type="color"] { width:100%; height:34px; padding:2px; border:1px solid #3a4b5b; border-radius:8px; background:#0b1016; }
.appearance-account-opacity { grid-column:1/3; display:grid!important; grid-template-columns:1fr auto; align-items:center; }
.appearance-account-opacity input { grid-column:1/-1; width:100%; accent-color:rgb(var(--account-preview-rgb)); }
.appearance-account-opacity output { color:#dbe8e1; font-variant-numeric:tabular-nums; }
.appearance-account-handles { grid-column:3/4; grid-row:1/3; }
.appearance-account-group-remove { align-self:start; border-color:#57303a; background:#23151a; color:#ff8da0; }
.appearance-share-code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.appearance-share-code { resize:vertical; overflow-wrap:anywhere; }
@media (max-width:760px) { .appearance-preview-grid,.appearance-surface-grid { grid-template-columns:1fr; } .appearance-visibility { grid-template-columns:repeat(2,minmax(0,1fr)); } .appearance-account-group { grid-template-columns:1fr 72px auto; } .appearance-account-opacity { grid-column:1/3; } .appearance-account-handles { grid-column:1/-1; grid-row:auto; } }