@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;700;900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/1.45 var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html,body{max-width:100%;overflow-x:clip}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;display:flex;overflow-x:clip}#root:has(.dashboard){height:100svh;overflow:hidden}:is(html:has(.overlay),body:has(.overlay)){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:0 0!important}#root:has(.overlay){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;border:none;width:100%;max-width:none;height:100dvh;min-height:100dvh;margin:0;overflow:hidden;background:0 0!important}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px;line-height:1.15}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.page{box-sizing:border-box;flex-direction:column;flex:1;min-width:0;max-width:100%;padding:0 24px 24px;display:flex;overflow-x:clip}.page.dashboard{min-height:0;overflow:hidden}.page>:not(.topbar,.modal-backdrop){min-width:0;max-width:100%}.landing{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.brand{color:inherit;align-items:center;gap:14px;min-width:0;text-decoration:none;display:inline-flex}a.brand:hover .brand-mark{opacity:.85}.brand-mark{filter:drop-shadow(0 6px 12px var(--accent-border));font-size:56px;line-height:1}.brand h1{background:linear-gradient(90deg, var(--accent), var(--text-h));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;line-height:1.15}.tagline{color:var(--text);max-width:440px;font-size:18px}.btn{font:inherit;cursor:pointer;background:var(--social-bg);color:var(--text-h);border:2px solid #0000;border-radius:10px;padding:12px 22px;font-weight:600;transition:border-color .2s,transform 50ms,background .2s}.btn:hover{border-color:var(--accent-border)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{border-color:var(--accent-border);background:var(--accent)}.btn-ghost{border-color:var(--border);background:0 0;border-radius:8px;padding:8px 14px;font-size:15px}.topbar{box-sizing:border-box;border-bottom:1px solid var(--border);text-align:left;flex:none;justify-content:space-between;align-items:center;gap:16px;min-width:0;margin:0 -24px 20px;padding:16px 24px;display:flex}.topbar .brand h1{letter-spacing:-.5px;font-size:28px}.topbar .brand-mark{font-size:28px}.topbar-user{overflow-wrap:anywhere;align-items:center;gap:12px;min-width:0;font-size:15px;display:inline-flex}.dash-body{flex:1;align-items:flex-start;gap:16px;min-height:0;display:flex}.dash-main{flex:1;justify-content:center;align-items:stretch;gap:16px;min-width:0;height:100%;min-height:0;display:flex}.dash-nav{text-align:left;flex-direction:column;flex:none;gap:8px;width:120px;padding-top:4px;display:flex}.dash-nav-link{color:var(--text-h);border:1px solid #0000;border-radius:10px;padding:10px 12px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.dash-nav-link:hover{background:var(--code-bg);border-color:var(--border)}.panel{border:1px solid var(--border);background:var(--social-bg);box-shadow:var(--shadow);text-align:left;box-sizing:border-box;border-radius:14px;flex-direction:column;flex:1;gap:14px;min-width:0;max-width:100%;min-height:0;padding:20px;display:flex}.activity-panel{flex:1;width:auto;min-width:0;max-width:960px;min-height:0;max-height:100%;overflow:hidden}.activity-panel .panel-head{flex-wrap:nowrap}.activity-panel .panel-head h2,.activity-panel .status-pill,.activity-panel .panel-head>span{white-space:nowrap}.activity-live-title{opacity:.7;text-overflow:ellipsis;min-width:0;margin-left:auto;overflow:hidden}.activity-panel .chat-log li{overflow-wrap:anywhere}.dock-column{flex-direction:column;flex:none;align-self:flex-start;gap:12px;width:300px;max-height:100%;display:flex;overflow-y:auto}.dock{max-height:280px;box-shadow:none;flex:none;gap:10px;padding:14px;overflow:hidden}.dock-head{flex-wrap:wrap;gap:8px}.dock-head h2{font-size:16px}.btn-dock{border-radius:6px;padding:4px 8px;font-size:13px}.queue-dock .queue-list{gap:2px;max-height:180px}.queue-dock .queue-actions{margin-left:0}.queue-dock .queue-row{border-radius:6px;gap:6px;padding:3px 8px;font-size:13px;line-height:1.3}.queue-dock .queue-title{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.queue-dock .queue-artist{opacity:.65;text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:40%;font-size:12px;overflow:hidden}.queue-dock .queue-badge{margin-left:0;padding:0;font-size:11px}.queue-dock .queue-remove{opacity:.55;min-width:22px;padding:0 4px;line-height:1}.queue-dock .queue-remove:hover:not(:disabled){opacity:1}.settings-dock,.timer-dock{max-height:none}.timer-dock .dock-head{justify-content:space-between}.timer-list{flex-direction:column;gap:6px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.timer-card{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex}.timer-card[data-done=true] .timer-remaining{opacity:.55}.timer-card-main{align-items:center;gap:4px;min-width:0;display:flex}.timer-order{flex-direction:column;flex:none;gap:0;display:inline-flex}.timer-move{min-width:18px;padding:0 3px;font-size:10px;line-height:1}.timer-field{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);box-sizing:border-box;border-radius:5px;padding:3px 6px;font-size:12px;line-height:1.2}.timer-field:focus{border-color:var(--accent-border);outline:none}.timer-name-field{flex:1;min-width:0;font-weight:600}.timer-duration{align-items:center;gap:4px;display:flex}.timer-num{width:52px;font-family:var(--mono);text-align:right;flex:none}.timer-unit{color:var(--text);flex:none;font-size:11px}.timer-duration .btn:first-of-type{margin-left:auto}.timer-remaining{font-family:var(--mono);color:var(--accent);text-align:right;flex:none;min-width:3.5em;font-size:12px;font-weight:600}.settings-fields{flex-direction:column;gap:8px;display:flex}.settings-row{color:var(--text-h);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.settings-switch{appearance:none;border:1px solid var(--border);background:var(--code-bg);cursor:pointer;border-radius:999px;flex:none;width:40px;height:22px;margin:0;transition:background .15s,border-color .15s;position:relative}.settings-switch:after{content:"";background:var(--text);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.settings-switch:checked{background:var(--accent);border-color:var(--accent-border)}.settings-switch:checked:after{background:#fff;transform:translate(18px)}.settings-switch:disabled{opacity:.5;cursor:default}.settings-switch:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.settings-number{font:inherit;border:1px solid var(--border);background:var(--code-bg);width:64px;color:var(--text-h);text-align:right;border-radius:6px;padding:4px 8px;font-size:14px}.settings-number:focus{border-color:var(--accent-border);outline:none}.settings-select{font:inherit;border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);border-radius:6px;padding:4px 8px;font-size:14px}.settings-select:focus{border-color:var(--accent-border);outline:none}.settings-hint{opacity:.6;margin:0;font-size:12px}.settings-save{align-self:flex-end;margin-top:4px}.panel-head{align-items:center;gap:12px;display:flex}.status-pill{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:999px;padding:4px 10px;font-size:13px}.status-pill[data-state=subscribed]{background:var(--accent-bg);color:var(--accent)}.status-pill[data-state=error]{color:#dc2626;background:#dc26261f}.chat-log-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-log{flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.go-present{font:inherit;cursor:pointer;border:1px solid var(--accent-border);background:var(--accent);color:#fff;box-shadow:var(--shadow);z-index:1;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.go-present:hover{filter:brightness(1.05)}.go-present:active{transform:translate(-50%)translateY(1px)}.chat-log li{color:var(--text-h);border-radius:8px;padding:6px 8px;font-size:14px;line-height:1.45}.chat-log li:nth-child(odd){background:var(--code-bg)}.chat-time{opacity:.55;font-family:var(--mono);margin-right:6px;font-size:12px}.chat-search{flex-wrap:wrap;flex:none;gap:8px;display:flex}.chat-search-input{border-radius:8px;flex:1;min-width:100px;padding:6px 10px;font-size:13px}.chat-compose{flex:none;align-items:center;gap:8px;margin-top:auto;display:flex}.chat-compose-input{border-radius:8px;flex:1;min-width:0;padding:6px 10px;font-size:13px}.chat-compose-count{font-family:var(--mono);opacity:.55;white-space:nowrap;flex:none;font-size:12px}.chat-compose-error{flex:none;margin:0;font-size:13px}.chat-nick{color:var(--accent);font-size:13px;font-weight:600}.chat-nick-btn{font:inherit;cursor:pointer;text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);background:0 0;border:none;padding:0;font-size:13px;font-weight:600;position:relative}.chat-nick-btn:hover{text-decoration-color:currentColor}.chat-nick-btn:after{content:attr(data-tip);background:var(--text-h);color:var(--bg);white-space:nowrap;pointer-events:none;opacity:0;z-index:2;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.chat-nick-btn:hover:after{opacity:1}.chat-emoji{object-fit:contain;vertical-align:-.25em;width:1.25em;height:1.25em;display:inline-block}.event-line{opacity:.85;font-style:italic}.event-line[data-live=true]{color:var(--accent)}.donation-line{opacity:1;font-style:normal}.donation-label{color:var(--accent);font-weight:600}.chat-load-more{justify-content:center;padding:10px 0 2px;display:flex}.chat-load-more:nth-child(odd){background:0 0}.request-panel{box-sizing:border-box;flex:none;width:100%;max-width:min(920px,100%)}.request-tabs{gap:6px;display:flex}.request-tab{font:inherit;cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:600}.request-tab:hover{background:var(--code-bg);border-color:var(--border);color:var(--text-h)}.request-tab[data-active=true]{background:var(--accent-bg);border-color:var(--accent-border);color:var(--text-h)}.request-playlist{flex:none;max-height:min(60svh,560px)}.request-playlist .queue-title{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.request-playlist .queue-artist{opacity:.65;text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:13px;overflow:hidden}.request-playlist .queue-requester{opacity:.7;font-size:13px}.search-input{font:inherit;border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);box-sizing:border-box;border-radius:8px;width:100%;min-width:0;max-width:100%;padding:6px 10px;font-size:14px;line-height:1.3}.search-input:focus{border-color:var(--accent-border);outline:none}.song-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.song-row{background:var(--code-bg);border-radius:8px;align-items:center;gap:12px;padding:8px 10px;display:flex}.song-id{font-family:var(--mono);opacity:.6;font-size:13px}.song-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.song-title{color:var(--text-h);overflow-wrap:anywhere;word-break:break-word;font-weight:600}a.song-link{color:inherit;text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 55%, transparent)}a.song-link:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.song-sub{opacity:.7;overflow-wrap:anywhere;word-break:break-word;font-size:13px}.song-cmd{font-family:var(--mono);background:var(--accent-bg);color:var(--accent);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:13px}.song-add,.song-edit{grid-template-columns:1.4fr 1fr 1.6fr auto auto;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;display:grid}.song-add>*,.song-edit>*{min-width:0}.song-add{grid-template-columns:1.4fr 1fr 1.6fr auto}.song-row-edit{align-items:stretch}.share-link{color:var(--accent);margin-left:auto;font-size:14px;text-decoration:none}.share-link:hover{text-decoration:underline}.queue-actions{align-items:center;gap:12px;margin-left:auto;display:inline-flex}.queue-actions .share-link{margin-left:0}.queue-list{counter-reset:q;flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.queue-row{background:var(--code-bg);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.queue-row[data-current=true]{background:var(--accent-bg);border:1px solid var(--accent-border)}.queue-row[data-done=true]{opacity:.45;text-decoration:line-through}.queue-row-end{flex:none;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.queue-badge{font-size:12px;font-family:var(--mono);color:var(--accent);white-space:nowrap}.queue-remove{opacity:.55;padding:2px 6px;font-size:14px;line-height:1}.queue-remove:hover:not(:disabled){opacity:1}.chat-empty{color:var(--text);opacity:.7;margin:auto}.centered{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.error-text{color:#dc2626}.warn-text{color:#b45309;margin:0;font-size:14px;font-weight:600;line-height:1.4}.bot-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:15px;display:inline-flex}.bot-toggle input{opacity:0;width:0;height:0;position:absolute}.bot-toggle-track{background:var(--border);border-radius:999px;flex:none;width:40px;height:22px;transition:background .2s;position:relative}.bot-toggle-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.bot-toggle input:checked+.bot-toggle-track{background:var(--accent)}.bot-toggle input:checked+.bot-toggle-track:after{transform:translate(18px)}.bot-toggle input:focus-visible+.bot-toggle-track{outline:2px solid var(--accent-border);outline-offset:2px}.bot-toggle input:disabled+.bot-toggle-track{opacity:.5;cursor:default}.commands-panel,.roulette-panel{flex:none;gap:24px;width:100%;max-width:min(920px,100%)}.roulette-settings-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.roulette-amount{width:120px;max-width:140px}.roulette-name-input{width:160px;max-width:200px}.roulette-name-link{text-decoration:none}.roulette-name-link:hover{text-decoration:underline}.roulette-test-card{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;padding:12px}.roulette-test-card .commands-prefix-form .search-input{max-width:140px}.roulette-option-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.roulette-option-pct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:3.5em}.roulette-test-result{color:var(--text-h);margin:0;font-size:14px;font-weight:600;line-height:1.4}.roulette-tools-details{border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.roulette-tools-details>summary{cursor:pointer;color:var(--text-h);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;list-style:none}.roulette-tools-details>summary::-webkit-details-marker{display:none}.roulette-tools-details>summary:before{content:"▸ ";color:var(--accent)}.roulette-tools-details[open]>summary:before{content:"▾ "}.roulette-tools{flex-direction:column;gap:16px;margin-top:10px;display:flex}.roulette-tools-block{flex-direction:column;gap:8px;display:flex}.roulette-tools-title{color:var(--text-h);margin:0;font-size:.95rem}.roulette-tools-desc{color:var(--text);margin:0;font-size:13px;line-height:1.4}.roulette-tools-unit{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}.roulette-tools-presets{flex-wrap:wrap;gap:4px;display:flex}.roulette-tools-preset{min-height:0;padding:3px 8px;font-size:12px}.roulette-tools-preset[data-active]{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.roulette-tools-hint{color:var(--text);margin:0;font-size:14px;font-weight:600;line-height:1.4}.roulette-tools-hint[data-ok]{color:var(--accent)}.roulette-tools-sim-labels{color:var(--text-h);word-break:break-word;margin:0;font-size:14px;font-weight:600;line-height:1.4}.odds-panel{gap:16px}.odds-list{flex-direction:column;gap:14px;width:100%;display:flex}.odds-card{background:var(--code-bg);border:1px solid var(--border);text-align:left;opacity:.72;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.odds-card[data-enabled]{opacity:1}.odds-card-head{flex-direction:column;gap:4px;display:flex}.odds-card-title{color:var(--text-h);margin:0;font-size:1.1rem}.odds-card-meta{color:var(--text);margin:0;font-size:13px}.odds-option-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.odds-option-row{background:color-mix(in srgb, var(--bg) 65%, transparent);border-radius:6px;align-items:center;gap:10px;min-height:32px;padding:4px 8px;display:flex}.odds-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-h);flex:1;font-size:15px;overflow:hidden}.odds-option-pct{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--accent);text-align:right;flex:none;min-width:3.5em;font-size:14px;font-weight:700}.roulette-spin-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roulette-spin-row{background:var(--code-bg);border:1px solid var(--border);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.roulette-spin-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;display:flex}.roulette-spin-time{color:var(--text);opacity:.75;font-size:12px}.roulette-spin-amount{font-variant-numeric:tabular-nums;color:var(--text);font-size:12px}.roulette-spin-body{flex-direction:column;gap:4px;min-width:0;display:flex}.roulette-spin-head{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.roulette-spin-name{font-family:var(--mono);color:var(--text-h);font-size:15px;line-height:1.3}.roulette-spin-donor{color:var(--text);font-size:13px;line-height:1.3}.roulette-spin-batch{color:var(--text);opacity:.8;font-size:12px;line-height:1.3}.roulette-spin-outcome{color:var(--text-h);word-break:break-word;margin:0;font-size:16px;font-weight:500;line-height:1.35}.roulette-spin-outcomes{counter-reset:spin-outcome;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.roulette-spin-outcomes>li{color:var(--text-h);word-break:break-word;counter-increment:spin-outcome;align-items:baseline;gap:8px;font-size:16px;font-weight:500;line-height:1.35;display:flex}.roulette-spin-outcomes>li:before{content:counter(spin-outcome) ".";font-variant-numeric:tabular-nums;min-width:1.4em;color:var(--text);opacity:.7;flex:none;font-size:13px;font-weight:600}.commands-section{text-align:left;flex-direction:column;gap:10px;display:flex}.commands-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.commands-section-title{color:var(--text-h);margin:0;font-size:1.05rem}.commands-section-desc{color:var(--text);margin:4px 0 0;font-size:14px;line-height:1.45}.commands-prefix-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.commands-prefix-form .search-input{max-width:200px}.commands-panel .search-input,.roulette-panel .search-input,.modal .search-input{border-radius:6px;padding:5px 8px;font-size:14px;line-height:1.3}.modal-backdrop{z-index:50;background:#0c0e128c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--bg);text-align:left;border-radius:12px;width:min(100%,420px);padding:20px;box-shadow:0 16px 40px #00000047}.modal-title{color:var(--text-h);margin:0 0 16px;font-size:1.1rem}.modal-form{flex-direction:column;gap:12px;display:flex}.modal-field{color:var(--text-h);flex-direction:column;gap:6px;font-size:13px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.commands-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.commands-row{background:var(--code-bg);border:1px solid var(--border);box-sizing:border-box;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;min-height:32px;padding:4px 8px;display:flex}.commands-row-block{flex-direction:column;align-items:stretch;gap:6px;min-height:0;padding:8px}.commands-row-main{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.commands-examples{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.commands-examples code{background:color-mix(in srgb, var(--bg) 70%, transparent);color:var(--text-h);border-radius:4px;padding:2px 6px;font-size:12px;display:inline-block}.commands-trigger{font-family:var(--mono);color:var(--text-h);overflow-wrap:anywhere;word-break:break-word;flex:none;font-size:12px;line-height:1.3}.commands-reply{min-width:120px;color:var(--text);overflow-wrap:anywhere;word-break:break-word;flex:1;font-size:13px;line-height:1.3}.overlay-setup{box-sizing:border-box;flex:none;width:100%;max-width:min(920px,100%)}.overlay-list-setup{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.overlay-row-setup{text-align:left;flex-direction:column;gap:10px;display:flex}.overlay-card-title{color:var(--text-h);margin:0;font-size:1.15rem}.overlay-card-desc{color:var(--text);margin:4px 0 0;font-size:15px;line-height:1.45}.overlay-options{flex-wrap:wrap;gap:16px;display:flex}.overlay-option{color:var(--text-h);align-items:center;gap:8px;font-size:14px;display:inline-flex}.overlay-option-wide{flex-direction:column;flex:100%;align-items:flex-start;gap:6px}.overlay-option-wide .search-input{width:100%;max-width:480px}.overlay-link-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.overlay-link-url{min-width:200px;font-family:var(--mono);background:var(--code-bg);color:var(--text-h);text-align:left;border-radius:10px;flex:1;padding:10px 12px;font-size:14px;overflow-x:auto}.overlay{box-sizing:border-box;pointer-events:none;width:100%;font-family:"Noto Sans KR", var(--sans);text-align:left;background:0 0;margin:0;padding:8px}.overlay-timers{flex-direction:column;justify-content:flex-start;min-height:100vh;display:flex}.overlay-timers[data-align=bottom]{justify-content:flex-end}.overlay-timers .overlay-row{height:40px;padding:0 12px;font-size:18px;line-height:40px}.overlay-timers .overlay-timer-remaining{min-width:4em;font-size:18px}.overlay-list{background:0 0;flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.overlay-row{color:#f4f4f5;box-sizing:border-box;background:#0c0e12b8;border-radius:8px;align-items:center;gap:8px;width:100%;min-width:0;height:32px;padding:0 10px;font-size:15px;line-height:32px;display:flex}.overlay-row[data-kind=past]{color:#d4d4d8;background:#0c0e12c7}.overlay-row[data-kind=now]{color:#fafafa;background:#0c0e12eb;font-weight:700}.overlay-row[data-kind=next]{color:#ececee}.overlay-mark{text-align:center;font-variant-numeric:tabular-nums;opacity:.7;flex:none;width:1.1em}.overlay-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.overlay-timer-remaining{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;flex:none;min-width:3.5em;font-weight:700}.overlay.overlay-roulette{box-sizing:border-box;text-align:center;background:0 0;justify-content:center;align-items:center;margin:0;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.roulette-stack{box-sizing:border-box;background:#0000008c;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:min(100%,360px);padding:12px 14px;display:flex}.roulette-name{color:#fafafa;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:22px;font-weight:800;overflow:hidden}.roulette-window{width:100%;height:144px;position:relative}.roulette-fade{z-index:1;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#fff 16% 84%,#0000 100%);mask-image:linear-gradient(#0000 0%,#fff 16% 84%,#0000 100%)}.roulette-win-frame{z-index:0;box-sizing:border-box;pointer-events:none;background:#ffffff14;border-radius:8px;height:48px;position:absolute;top:48px;left:0;right:0}.roulette-window:after{content:"";z-index:2;box-sizing:border-box;pointer-events:none;border:2px solid #ffffffe6;border-radius:8px;height:48px;position:absolute;top:48px;left:0;right:0}.overlay.overlay-roulette[data-phase=alert] .roulette-win-frame{background:#fbbf2424}.overlay.overlay-roulette[data-phase=alert] .roulette-window:after{border-color:#fbbf24}.roulette-strip{will-change:transform;position:relative}.roulette-item{box-sizing:border-box;color:#fff;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;height:48px;padding:0 12px;font-size:22px;font-weight:800;display:flex;overflow:hidden}@media (width<=900px){.page.dashboard{height:auto;overflow:auto}.dash-body{flex-direction:column}.dash-main{flex-direction:column;height:auto}.dash-nav{flex-flow:wrap;width:auto}.activity-panel{width:100%;max-height:50svh}.dock-column{width:100%;max-height:none}.dock{max-height:40svh}#root:has(.dashboard){height:auto;overflow:auto}.topbar{flex-wrap:wrap}.topbar-user{flex-wrap:wrap;justify-content:flex-end;min-width:0}.panel-head,.activity-panel .panel-head{flex-wrap:wrap}.activity-panel .panel-head h2,.activity-panel .status-pill{white-space:nowrap}.activity-live-title{white-space:nowrap;flex:100%;margin-left:0}.song-add,.song-edit{grid-template-columns:1fr 1fr}}@media (width<=640px){.page{padding-inline:12px}.topbar{gap:10px 12px;margin-inline:-12px;padding:12px}.panel{padding:14px}.topbar .brand{min-width:0}.topbar .brand h1{letter-spacing:-.4px;text-overflow:ellipsis;white-space:nowrap;font-size:22px;overflow:hidden}.topbar .brand-mark{font-size:24px}.topbar-user{gap:8px;width:100%;font-size:14px}.bot-toggle{font-size:14px}.btn{max-width:100%}.landing .brand-mark{font-size:44px}.tagline{font-size:16px}.dash-nav{gap:6px}.dash-nav-link{padding:8px 10px;font-size:14px}.share-link{margin-left:0}.queue-actions{flex-wrap:wrap;width:100%;margin-left:0}.song-add,.song-edit{grid-template-columns:1fr}.song-row-edit .song-edit{flex:1;min-width:0}.song-add .btn,.song-edit .btn{width:100%}.song-row{flex-wrap:wrap;align-items:flex-start}.song-meta{flex:100%;min-width:0}.song-cmd{white-space:normal;overflow-wrap:anywhere;word-break:break-word;flex:100%}.song-row>.btn{flex:auto}.request-tabs,.request-playlist .queue-row{flex-wrap:wrap}.request-playlist .queue-title,.request-playlist .queue-artist{white-space:normal;overflow-wrap:anywhere;flex:100%;max-width:100%}.request-playlist .queue-row-end{justify-content:flex-end;width:100%;margin-left:0}.timer-duration{flex-wrap:wrap}.timer-duration .btn:first-of-type{margin-left:0}.chat-search{gap:6px}.chat-search-input{border-radius:6px;flex:6rem;min-width:0;padding:5px 8px;font-size:12px}.chat-compose{gap:6px}.chat-compose-input{border-radius:6px;padding:5px 8px;font-size:12px}.chat-compose .btn{padding:5px 10px;font-size:13px}.search-input{border-radius:6px;padding:5px 8px;font-size:13px}.overlay-link-url{flex:100%;min-width:0}.overlay-link-row .btn{flex:auto}.overlay-option-wide .search-input{max-width:none}.commands-row{align-items:flex-start}.commands-trigger{flex:100%}.commands-reply{flex:100%;min-width:0}.commands-prefix-form{width:100%}.commands-prefix-form .search-input{flex:100%;max-width:none}.commands-prefix-form .btn{flex:auto}.roulette-name-input,.roulette-amount{width:100%;max-width:none}.roulette-settings-form{width:100%}.roulette-settings-form .overlay-option{flex:100%}.roulette-test-card .commands-prefix-form .search-input{max-width:none}.roulette-option-meta{flex-wrap:wrap}.odds-card-title,.odds-card-meta,.roulette-spin-name,.roulette-spin-outcome{overflow-wrap:anywhere;word-break:break-word}.modal{width:100%;padding:16px}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:auto}}