:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--surface:#fff;--border:#e2e5ea;--text:#111827;--muted:#6b7280;--accent:#2563eb;--danger:#dc2626;--ok:#16a34a;font-family:-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:15px}input,textarea,select{font:inherit;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.app{max-width:1100px;margin:0 auto;padding:16px}.topbar{align-items:center;gap:16px;margin-bottom:16px;display:flex}.topbar h1{margin:0;font-size:20px}.topbar nav a{color:var(--muted);margin-right:14px;text-decoration:none}.topbar nav a.active{color:var(--accent);font-weight:600}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.stat .label{color:var(--muted);font-size:13px}.stat .value{font-size:28px;font-weight:700}th{color:var(--muted);font-size:12px;font-weight:500}.badge.bad{border-color:var(--danger);color:var(--danger)}.center{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:70vh;display:flex}.notice{border-radius:8px;margin:0 0 12px;padding:10px 12px}.notice.ok{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.notice.error{color:#991b1b;white-space:pre-wrap;background:#fef2f2;border:1px solid #fecaca}.confirm{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.confirm input{width:200px}.intake{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.intake-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.notice-preview{border-radius:14px;align-items:center;gap:12px;max-width:420px;padding:16px 18px;display:flex}.notice-preview-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notice-preview-eyebrow{font-size:12px;font-weight:500}.notice-preview-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:700;display:-webkit-box;overflow:hidden}.notice-row{border-bottom:1px solid var(--border,#e5e7eb);flex-direction:column;gap:6px;padding:8px 0;display:flex}.notice-row-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notice-color{color:var(--muted,#6b7280);align-items:center;gap:4px;font-size:12px;display:inline-flex}.notice-color input[type=color]{border:1px solid var(--border,#e5e7eb);cursor:pointer;background:0 0;border-radius:6px;width:28px;height:22px;padding:0}.notice-new{margin-top:8px}.shelf-folder{border:1px solid var(--border);background:var(--bg);border-radius:10px;margin-top:12px;padding:8px 10px}.shelf-folder-head{align-items:center;gap:8px;display:flex}.shelf-folder-name{width:180px;font-weight:600}.shelf-folder-summary{text-overflow:ellipsis;white-space:nowrap;max-width:50%;font-size:12px;overflow:hidden}.shelf-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:280px 1fr auto auto;align-items:center;gap:8px 10px;margin:8px 0 2px 28px;padding:10px 12px;display:grid}.shelf-card .shelf-title{width:100%;font-weight:600}.shelf-card .shelf-conditions{flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:flex}.shelf-card .shelf-tags{grid-column:1/-1;align-items:center;gap:8px;display:flex}.shelf-card .shelf-label{width:28px;font-size:12px}.shelf-card .shelf-tags .chips-input{flex:1}.chips-input{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 6px;display:flex}.chips-input .chip{background:var(--bg);border:1px solid var(--border);border-radius:999px;align-items:center;gap:2px;padding:2px 6px 2px 10px;font-size:13px;display:inline-flex}.chips-input .chip-x{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:0 2px;line-height:1}.chips-input .chips-text{background:0 0;border:none;flex:1;min-width:140px;padding:4px}.chips-input .chips-text:focus{outline:none}.members-tools{background:var(--surface);z-index:1;gap:8px;margin-top:-16px;margin-bottom:10px;padding:16px 0 8px;display:flex;position:sticky;top:-16px}.members-tools input{flex:1;min-width:0}.member-rows{flex-direction:column;gap:4px;display:flex}.member-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.member-row:hover{background:var(--bg)}.member-row.selected{background:#eef3ff;border-color:#c7d7ff}.member-avatar{color:var(--text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.member-main{flex:1;min-width:0}.member-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-weight:600;display:flex;overflow:hidden}.member-sub{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.member-meta{text-align:right;flex:none;font-size:11px;line-height:1.45}.member-detail{flex-direction:column;gap:14px;display:flex}.member-head{align-items:center;gap:12px;display:flex}.member-head-name{font-size:18px;font-weight:700}.member-section{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:10px;display:flex}.member-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.member-section-head h4{margin:0;font-size:14px}.kv{gap:10px;font-size:13px;line-height:1.5;display:flex}.kv-label{flex:none;width:96px}.kv-value{min-width:0}.linkish{color:var(--accent);background:0 0;border:none;padding:0;font-size:12px}.bars{flex-direction:column;gap:4px;margin-top:4px;display:flex}.bar-row{align-items:center;gap:8px;font-size:12px;display:flex}.bar-label{width:24px;color:var(--muted)}.bar-track{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:4px;height:100%}.bar-value{text-align:right;width:40px}.days{margin-top:4px}.days-bars{align-items:flex-end;gap:2px;height:48px;display:flex}.day-col{flex-direction:column;flex:1;justify-content:flex-end;min-width:4px;height:100%;display:flex}.day-new{background:#bfd0ff}.day-review{background:var(--accent)}table.mini{font-size:12px}table.mini th,table.mini td{padding:4px 6px}.split{grid-template-columns:minmax(300px,4fr) minmax(0,7fr);gap:12px;height:calc(100vh - 128px);min-height:420px;display:grid}.split>.card{overscroll-behavior:contain;min-height:0;margin:0;overflow-y:auto}@media (width<=1000px){.split{grid-template-columns:1fr;height:auto}.split>.card{max-height:60vh}}.voc-tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.voc-tab{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:13px}.voc-tab.active{color:var(--accent);background:#eef3ff;border-color:#c7d7ff;font-weight:600}.voc-tab-count{opacity:.8;font-size:11px}.voc-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.voc-tools input[type=text],.voc-tools input:not([type]){flex:1;min-width:140px}.voc-tools select{padding:6px 8px;font-size:13px}.voc-check{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.voc-bulk{background:#eef3ff;border:1px solid #c7d7ff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;padding:6px 8px;font-size:13px;display:flex}.voc-bulk button{padding:4px 10px;font-size:12px}.voc-rows{flex-direction:column;gap:4px;display:flex}.voc-row-all{align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:flex}.voc-row{border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.voc-row:hover{background:var(--bg)}.voc-row.selected{background:#eef3ff;border-color:#c7d7ff}.voc-row.overdue{border-left:3px solid var(--danger)}.voc-row>input{margin-top:6px}.voc-row-main{text-align:left;background:0 0;border:none;flex-direction:column;flex:1;gap:3px;min-width:0;padding:0;display:flex}.voc-row-head{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.voc-row-head .badge{padding:1px 7px;font-size:11px}.voc-row-time{white-space:nowrap;margin-left:auto;font-size:11px}.voc-row-text{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.voc-row-sub{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.voc-detail{flex-direction:column;gap:12px;display:flex}.voc-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.voc-message{white-space:pre-wrap;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:14px;line-height:1.6}.voc-status-buttons{flex-wrap:wrap;gap:6px;display:flex}.button-like{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-block}.button-like:hover{background:var(--bg)}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:12px;display:grid}.kpi{color:inherit;flex-direction:column;gap:4px;margin:0;text-decoration:none;display:flex}.kpi-link:hover{border-color:var(--accent)}.kpi-label{color:var(--muted);font-size:12px}.kpi-row{align-items:baseline;gap:8px;display:flex}.kpi-value{letter-spacing:-.5px;font-size:26px;font-weight:700}.kpi-value.danger{color:var(--danger)}.kpi-delta{color:var(--muted);font-size:12px}.kpi-delta.up{color:var(--ok)}.kpi-delta.down{color:var(--danger)}.kpi-sub{font-size:12px}.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.dash-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-grid>.card{min-width:0;margin:0}.dash-title{align-items:center;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.dash-more{margin-left:auto;font-size:12px;font-weight:400}.chart{width:100%;height:auto;display:block}.chart-legend{color:var(--muted);gap:12px;margin-top:4px;font-size:12px;display:flex}.chart-legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.dash-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dash-list li{flex-direction:column;gap:2px;font-size:13px;display:flex}.dash-list li a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dash-list li .muted{font-size:12px}@media (width<=1100px){.dash-grid,.dash-grid.three{grid-template-columns:1fr}}.side-divider{background:var(--border);height:1px;margin:8px 12px}.notice-editor{border:1px solid var(--border);background:var(--accent-soft);border-radius:10px;margin-top:10px;padding:12px 14px}.notice-editor textarea{font:inherit;border:1px solid var(--border);resize:vertical;border-radius:8px;padding:8px 10px}.notice-images{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.notice-image{flex-direction:column;gap:4px;width:140px;display:flex}.notice-image img{object-fit:cover;border:1px solid var(--border);background:var(--bg);border-radius:8px;width:140px;height:96px}.notice-image-tools{flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:flex}.notice-image-tools button{padding:2px 6px;font-size:11px}.notice-image-add{border:1px dashed var(--border);width:140px;height:96px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.notice-image-add.busy{opacity:.6;cursor:default}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--surface:#fff;--border:#e2e5ea;--text:#111827;--muted:#6b7280;--accent:#2563eb;--accent-soft:#e8efff;--danger:#dc2626;--ok:#16a34a;font-family:-apple-system,Apple SD Gothic Neo,Noto Sans KR,Hiragino Sans,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:8px 14px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.danger{color:var(--danger);border-color:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 10px}input.inline{padding:4px 8px}textarea{width:100%;min-height:240px;line-height:1.6}.topbar-legacy{align-items:center;gap:12px;margin-bottom:16px;display:flex}.topbar-legacy h1{margin:0;font-size:20px}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge.review{color:#b45309;background:#fff7ed;border-color:#d97706}.badge.ok{border-color:var(--ok);color:var(--ok)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.muted{color:var(--muted);font-size:13px}.error{color:var(--danger);white-space:pre-wrap}.list-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:12px 0;display:flex}.list-item a:hover strong{color:var(--accent)}.list-item:last-child{border-bottom:none}.steps-float{z-index:25;background:var(--surface);border:1px solid var(--border);border-radius:999px;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:0 auto 12px;padding:4px;display:flex;position:sticky;top:4px;overflow-x:auto;box-shadow:0 6px 24px #0f172a1f}.steps-float .step{white-space:nowrap;color:var(--muted);background:0 0;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:7px 16px 7px 8px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.steps-float .step:hover{background:var(--bg);color:var(--text)}.steps-float .step.active{background:var(--accent);color:#fff;font-weight:600}.steps-float .step-num{background:var(--bg);width:22px;height:22px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.steps-float .step.active .step-num{color:#fff;background:#ffffff40}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:6px 8px}th{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:500}.token-r input{width:5.5em}.diff{background:#fef3c7}.player{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;max-width:640px;overflow:hidden}.timing-line{border-radius:8px;grid-template-columns:2.5em 1fr 7em 7em 6em;align-items:center;gap:8px;padding:8px;display:grid}.timing-list:focus{border-color:var(--accent);outline:none}.timing-line input{min-width:0}@media (width<=700px){.timing-line{grid-template-columns:2em 1fr}.timing-line .ja,.timing-line input,.timing-line button{grid-column:2}.app{padding:10px}table{font-size:13px}th,td{padding:4px 6px}}.timing-line.current{background:var(--accent-soft)}.timing-line .ja{font-size:17px}.kbd{border:1px solid var(--border);background:var(--bg);border-radius:4px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:12px}pre.log{color:#e2e8f0;white-space:pre-wrap;background:#0f172a;border-radius:8px;max-height:320px;padding:12px;font-size:12px;overflow:auto}.ko-input{width:100%}.line-block{border-bottom:1px solid var(--border);grid-template-columns:1fr;align-items:center;gap:6px 16px;padding:12px 0;display:grid}.line-block:last-child{border-bottom:none}.line-block .ja-line{align-items:baseline;gap:10px;font-size:18px;line-height:1.5;display:flex}.line-block .line-no{min-width:2em;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;flex:none;font-size:12px}@media (width>=1000px){.line-block{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.song-head{margin-bottom:10px;padding:8px 16px}.song-head input.title{min-width:260px;font-size:18px;font-weight:700}.song-head input.artist{min-width:160px;color:var(--muted)}.song-head input.title,.song-head input.artist{background:0 0;border-color:#0000}.song-head input.title:hover,.song-head input.artist:hover,.song-head input.title:focus,.song-head input.artist:focus{border-color:var(--border);background:var(--surface)}.timing-body{--dock-h:150px;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.timing-side{display:contents}@media (width>=1100px){.timing-body{grid-template-columns:minmax(440px,1fr) minmax(460px,1.2fr)}.timing-side{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.timing-side .dock{margin-bottom:0;position:static}.timing-side .dock-player{grid-row:1}.timing-side .dock-actions{grid-column:1/-1}.timing-side .dock-keys{white-space:normal}.timing-side .preview-card{margin-bottom:0}.timing-body .timing-line{grid-template-columns:2em 1fr 6em 6em 5.5em;gap:6px;padding:6px}.timing-body .timing-line .ja{font-size:16px}.timing-body .timing-line input.inline,.timing-body .timing-line button.inline{padding:4px 6px;font-size:13px}.timing-body{grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 136px)}.timing-body .timeline-card{grid-area:1/1/auto/-1}.timing-side,.timing-body .timing-list{grid-row:2}.timing-side .preview-card{flex-direction:column;flex:1;min-height:0;margin:0;display:flex}.timing-side .preview-card .preview{flex:1;height:auto;min-height:0}.timing-body .timing-list{box-sizing:border-box;height:100%;margin:0;overflow-y:auto}}.preview{border:1px solid var(--border);background:var(--surface);border-radius:12px;height:420px;padding:12px 16px;position:relative;overflow-y:auto}.preview-warn{z-index:2;color:#b45309;background:#fff7ed;border-bottom:1px solid #fed7aa;margin:-12px -16px 8px;padding:8px 16px;font-size:13px;position:sticky;top:0}.preview-empty{text-align:center;border:1px dashed var(--border);border-radius:12px;padding:24px}.preview-line{cursor:pointer;border-radius:8px;padding:10px 4px}.preview-line:hover{background:var(--accent-soft)}.preview-tokens{flex-wrap:wrap;align-items:flex-end;gap:0 1px;display:flex}.preview-token{display:inline-block;position:relative}.preview-token .stack-row{white-space:nowrap;align-items:flex-end;display:flex}.preview-token .stack{white-space:nowrap;flex-direction:column;align-items:center;display:flex}.preview-token .furi{font-size:calc(13px * var(--preview-scale,1));line-height:calc(16px * var(--preview-scale,1));color:#b6bcc6;margin:0 -6px}.preview-token .surf{font-size:calc(30px * var(--preview-scale,1));line-height:calc(40px * var(--preview-scale,1));color:#c4c9d2;font-weight:700}.preview-line{transition:background .2s,opacity .2s}.preview-line.active{box-shadow:inset 4px 0 0 var(--accent);background:#eef3ff}.preview-line.active .surf{color:#1f2937}.preview-line.past{opacity:.55}.preview-line.past .surf{color:var(--accent)}.preview-line.future .surf{color:#c4c9d2}.preview-token .clip{pointer-events:none;height:100%;position:absolute;top:0;left:0;overflow:hidden}.preview-token .clip .stack-row{width:max-content}.preview-token .clip .surf,.preview-token .clip .furi{color:var(--accent);text-shadow:0 0 10px #2563eb59}.preview-token .clip .stack{visibility:visible}.preview-ko{color:var(--muted);margin-top:2px;font-size:14px}.preview-line.future .clip{display:none}.progress{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .4s}.token-editor{border:1px dashed var(--border);background:var(--bg);border-radius:8px;margin:4px 0 8px 2.5em;padding:8px}.token-row{grid-template-columns:minmax(4em,auto) 6.5em 6.5em auto;align-items:center;gap:6px;padding:3px 0;display:grid}.token-row.current{background:var(--accent-soft);border-radius:6px}.token-row .ja{font-size:16px}.token-row .nudge{gap:4px;display:flex}.token-row .nudge button{padding:2px 8px;font-size:12px}.offset-control{align-items:center;gap:8px;display:flex}.offset-control input[type=range]{width:200px}.dock{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:6px 12px;margin-bottom:12px;padding:10px 12px;display:grid;position:sticky;top:56px;box-shadow:0 6px 24px #0f172a1f}.dock-player{grid-row:1}.dock-player .player{aspect-ratio:auto;width:180px;height:101px}.dock-main{flex-direction:column;justify-content:space-between;gap:6px;min-width:0;min-height:101px;display:flex}.dock-foot{flex-direction:column;grid-column:1/-1;gap:6px;display:flex}.dock-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dock-row button{padding:6px 12px}.dock-time{font-variant-numeric:tabular-nums;letter-spacing:.5px;min-width:5.2em;font-size:26px;font-weight:700}.dock-keys{font-size:12px}.dock-status{font-size:13px}.dock-shift{background:var(--bg);border-radius:10px;grid-column:1/-1;align-items:center;gap:6px;padding:6px 8px;display:flex}.dock-shift input[type=range]{flex:1;min-width:80px}.dock-shift .shift-value{text-align:right;font-variant-numeric:tabular-nums;width:5.5em}.dock-shift .nudge-btn{border-radius:8px;padding:2px 9px;font-size:15px;line-height:1.2}@media (width<=700px){.dock{grid-template-columns:minmax(0,1fr)}.dock-player .player{aspect-ratio:16/9;width:100%;max-width:320px;height:auto}.dock-main{min-height:0}}@media (width<=900px){.dock-keys{display:none}.dock-player .player{width:200px;height:113px}}button.icon{min-width:40px;padding:6px 10px;font-size:15px;line-height:1}.modal-backdrop{z-index:50;background:#0f172a73;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:620px;padding:20px;box-shadow:0 20px 60px #00000040}.suggest-wrap{position:relative}.suggest{background:var(--surface);border:1px solid var(--border);z-index:5;border-radius:8px;max-height:220px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.suggest-item{cursor:pointer;padding:8px 10px}.suggest-item:hover{background:var(--accent-soft)}.nav a{color:var(--muted);margin-left:14px;text-decoration:none}.nav a.active{color:var(--accent);font-weight:600}.bar{background:var(--border);border-radius:3px;height:6px;margin:8px 0;overflow:hidden}.bar-fill{background:var(--accent);height:100%}.artist-songs{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:3px 10px;font-size:13px;text-decoration:none}.chip.ok{border-color:var(--ok);color:var(--ok)}.notice{background:var(--bg);color:var(--muted);border-radius:8px;margin:0;padding:8px 12px;font-size:13px}.notice.ok{color:#047857;background:#ecfdf5}.notice.bad{color:#b91c1c;background:#fef2f2}.tag-editor{align-items:flex-start;gap:10px;margin-top:6px;display:flex}.tag-editor-chips{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;padding-top:4px;display:flex}.tag-editor-tools{flex:none;align-items:center;gap:6px;margin-left:auto;display:inline-flex}@media (width<=700px){.tag-editor{flex-wrap:wrap}.tag-editor-tools{margin-left:0}}.tag-chip{background:var(--accent-soft);color:var(--accent);border-color:#0000;align-items:center;gap:4px;display:inline-flex}.chip-x{color:inherit;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.alias-chip{color:#047857;background:#ecfdf5}.vocab-levels{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vocab-levels .lv{border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;min-width:120px;padding:8px 14px;display:inline-flex}.vocab-levels .lv.active{background:var(--accent);border-color:var(--accent);color:#fff}.vocab-levels .lv.active .muted{color:#ffffffd9}.vocab-table{table-layout:fixed}.vocab-table th,.vocab-table td{white-space:nowrap;text-overflow:ellipsis;height:44px;padding:0 8px;overflow:hidden}.vocab-table tr.editor-row td{white-space:normal;height:auto;padding:8px;overflow:visible}.vocab-status{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.vocab-table tr.row-click{cursor:pointer}.vocab-table tr.row-click:hover td{background:var(--bg)}.vocab-table tr.selected td{background:var(--accent-soft)}.vocab-table tr.pending td.ko{color:var(--muted)}.vocab-table tr.editor-row td{background:var(--accent-soft);padding:8px}.vocab-word{font-size:16px;font-weight:600}.preview-pron{color:var(--muted);margin-top:2px;font-size:12px}.publish-grid{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}@media (width>=1240px){.publish-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.publish-grid .stage{margin-bottom:0}.stage-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.stage-head h3{flex:1;margin:0;font-size:16px}.stage-num{background:var(--accent);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.gate-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.gate-item{border:1px solid var(--border);background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.gate-item.ok{background:#ecfdf5;border-color:#a7f3d0}.gate-item.bad{background:#fef2f2;border-color:#fecaca}.gate-item.warn{background:#fffbeb;border-color:#fde68a}.gate-icon{color:#fff;background:var(--muted);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:inline-flex}.gate-item.ok .gate-icon{background:#10b981}.gate-item.bad .gate-icon{background:#ef4444}.gate-item.warn .gate-icon{background:#f59e0b}.gate-text{flex:1;min-width:0}.gate-text strong{font-size:14px;display:block}.gate-text .muted{font-size:12px}.gate-link{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px}.map-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.map-item{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.map-item.has{border-color:#a7f3d0}.map-token{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.map-token strong{font-size:16px}.map-line{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.map-hit{font-size:14px}.jobbar{border:1px solid var(--accent-soft);background:linear-gradient(#f5f8ff,#fff);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.jobbar.done{background:#ecfdf5;border-color:#a7f3d0;flex-direction:row;align-items:center;gap:10px}.jobbar.failed{background:#fef2f2;border-color:#fecaca;flex-direction:row;align-items:center;gap:10px}.jobbar-head{align-items:center;gap:10px;display:flex}.jobbar-title{font-size:14px;font-weight:700}.jobbar-pct{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto;font-size:20px;font-weight:800}.jobbar-track{background:var(--border);border-radius:999px;height:10px;overflow:hidden}.jobbar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .5s}.jobbar-fill.striped{background-image:linear-gradient(135deg,#ffffff59 25%,#0000 25% 50%,#ffffff59 50% 75%,#0000 75%,#0000);background-size:28px 28px;animation:1s linear infinite jobbar-stripes}@keyframes jobbar-stripes{0%{background-position:0 0}to{background-position:28px 0}}.jobbar-spinner{border:2.5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:999px;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite jobbar-spin}@keyframes jobbar-spin{to{transform:rotate(360deg)}}.jobbar-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.jobbar-msg{color:var(--muted);font-size:13px}.jobbar.done .jobbar-msg,.jobbar.done .jobbar-title{color:#047857}.jobbar.failed .jobbar-msg,.jobbar.failed .jobbar-title{color:#b91c1c}.jobbar-icon{color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:inline-flex}.jobbar.done .jobbar-icon{background:#10b981}.jobbar.failed .jobbar-icon{background:#ef4444}.jobbar-steps{gap:4px;display:inline-flex}.jobbar-step{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:12px}.jobbar-step.past{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.jobbar-step.now{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:600}.jobbar.cancelled{border-color:var(--border);background:var(--bg);flex-direction:row;align-items:center;gap:10px}.jobbar.cancelled .jobbar-icon{background:var(--muted)}.jobbar-cancel{border-radius:999px;margin-left:8px;padding:4px 10px;font-size:12px}.stage-actions{justify-content:flex-end;margin-top:12px}.vocab-editor{background:var(--surface);border:1px solid var(--border);cursor:default;border-radius:10px;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:0 20px;padding:12px 14px;display:grid}.ve-main{flex-direction:column;gap:10px;min-width:0;display:flex}.ve-ref{font-size:12px}.ve-row{gap:10px;display:flex}.ve-row .ve-field{flex:1;min-width:0}.ve-row{justify-content:flex-start}.ve-row .ve-field{flex:none}.ve-row .ve-field.ve-meaning{flex:0 0 180px}.ve-row .ve-field:nth-child(2){flex:0 0 150px}.ve-row .ve-field:nth-child(3){flex:0 0 120px}.ve-bridge{max-width:480px}.ve-field{flex-direction:column;gap:3px;min-width:0;display:flex}.ve-field>span{color:var(--muted);font-size:11px}.ve-field input{box-sizing:border-box;width:100%;height:34px;padding:0 10px}.ve-field input.muted{color:var(--muted)}.ve-actions{border-top:1px solid var(--border);grid-column:1/-1;align-items:center;gap:6px;margin-top:12px;padding-top:10px;display:flex}.ve-keys{font-size:12px}.ve-example{border-left:1px solid var(--border);flex-direction:column;gap:8px;min-width:0;padding-left:20px;display:flex}.ve-ex-head{align-items:center;gap:8px;display:flex}@media (width<=1100px){.vocab-editor{grid-template-columns:1fr;gap:12px 0}.ve-example{border-left:none;border-top:1px solid var(--border);padding-top:12px;padding-left:0}}.ve-reports,.report-box{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:10px;padding:10px 12px;font-size:13px;display:flex}.ve-report,.report-item{align-items:center;gap:10px;display:flex}.ve-report-msg,.report-msg{white-space:pre-wrap;flex:1}.vocab-levels .lv{align-items:stretch}.vocab-levels .lv .lv-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.vocab-levels .lv.active .badge.bad{color:#fff;border-color:#fffc}.check{white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.stage-strip.compact{align-items:center;gap:10px;margin-top:4px;display:flex}.stage-dots{gap:4px;display:inline-flex}.stage-dot{background:var(--border);border-radius:999px;width:10px;height:10px}.stage-dot.done{background:var(--ok)}.stage-dot.partial{background:#f59e0b}.stage-dot.blocked{background:var(--danger)}.stage-dot.stale{background:#8b5cf6}.stage-dot.next{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.stage-next{font-size:12px}.stage-strip.full{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.stage-cell{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--muted);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.stage-cell:disabled{cursor:default}.stage-cell:not(:disabled):hover{border-color:var(--accent)}.stage-cell-num{opacity:.7;font-size:11px;font-weight:700}.stage-cell-label{color:var(--text);font-size:13px;font-weight:700}.stage-cell-note{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.stage-cell.done{border-color:var(--ok);background:#ecfdf5}.stage-cell.done .stage-cell-num{color:var(--ok);opacity:1}.stage-cell.partial{background:#fffbeb;border-color:#f59e0b}.stage-cell.blocked{border-color:var(--danger);background:#fef2f2}.stage-cell.stale{background:#f5f3ff;border-color:#8b5cf6}.stage-cell.next{box-shadow:0 0 0 2px var(--accent)}.stage-cell.next .stage-cell-label{color:var(--accent)}.review-done{align-items:center;gap:8px;display:inline-flex}.rd-suggest{color:#9a3412;white-space:nowrap;background:#fff7ed;border:1px solid #fdba74;border-radius:999px;align-items:center;gap:4px;padding:2px 6px 2px 8px;font-size:13px;display:inline-flex}.rd-suggest button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0 3px;font-size:13px;line-height:1}.rd-suggest button.ok{color:var(--ok);font-weight:700}tr.suggested td{background:#fffbeb}.rd-cands{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.rd-cands button{border-radius:999px;padding:1px 8px;font-size:12px}.rd-cell{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.rd-cell>button{padding:1px 6px;font-size:12px;line-height:1.4}td.sym{color:var(--muted)}.rd-player{z-index:5;align-items:flex-start;gap:10px;width:max-content;margin-left:auto;padding:8px;display:flex;position:sticky;top:56px}.rd-player-time{flex-direction:column;align-items:flex-start;gap:2px;padding-top:2px;display:flex}.rd-player-time .dock-time{min-width:0;font-size:18px}.rd-player-frame{background:#000;border-radius:8px;flex:none;width:160px;height:90px;overflow:hidden}.rd-player-frame>div,.rd-player-frame iframe{width:100%;height:100%}.line-play{padding:1px 8px;font-size:12px}.line-play.on{background:var(--accent-soft)}.timing-line.overlap{box-shadow:inset 3px 0 0 var(--danger);background:#fef2f2}.timing-line.overlap.current{background:#fee2e2}.overlap-note{color:var(--danger);grid-column:1/-1;align-items:center;gap:8px;padding:0 8px 6px 2.5em;font-size:12px;display:flex}.overlap-note button{padding:1px 8px;font-size:12px}.gate-bar{border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;font-size:13px;display:flex}.gate-bar.bad{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.gate-bar.good{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.tag-suggest{cursor:pointer;color:#9a3412;background:#fff7ed;border-color:#fdba74;align-items:center;gap:6px;display:inline-flex}.tag-suggest.new{border-style:dashed}.tag-new{color:#431407;background:#fdba74;border-radius:999px;padding:0 6px;font-size:11px}.tag-manager table{border-collapse:collapse;width:100%}.tag-manager td{border-bottom:1px solid var(--border);padding:4px 6px}.tag-manager td.n{text-align:right;color:var(--muted);width:4em}.tag-manager input.inline{width:12em}button.ai{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed 55%,#9333ea) 0 0/200% 100%;border:none;align-items:center;gap:6px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #4f46e540}button.ai:hover:not(:disabled){filter:brightness(1.06)}button.ai.busy{cursor:progress}button.ai .ai-spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;flex:none;width:14px;height:14px;animation:.8s linear infinite ai-spin}@keyframes ai-spin{to{transform:rotate(360deg)}}button.ai:disabled:not(.busy){opacity:.5}button.ai .ai-spark{opacity:.9;flex:none}.toast-host{z-index:60;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{color:#fff;background:#0f172a;border-radius:10px;max-width:360px;padding:10px 14px;font-size:13px;animation:.18s ease-out toast-in;box-shadow:0 8px 24px #0000002e}.toast.error{background:#991b1b}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tip{position:relative}.tip[data-tip]:hover:after{content:attr(data-tip);z-index:45;color:#fff;white-space:normal;pointer-events:none;background:#0f172a;border-radius:8px;width:max-content;max-width:340px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.45;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000002e}.rd-suggest{padding:0 4px 0 0}.rd-suggest .rd-accept{color:#9a3412;background:#fff7ed;border-radius:999px;padding:2px 8px;font-weight:600}.rd-suggest .rd-accept:hover{color:#431407;background:#fdba74}.rd-cell{flex-wrap:nowrap}.rd-cell .rd-cands{flex-basis:auto}td.token-r,td.muted{white-space:nowrap}.tag-suggest{padding:0 6px 0 0}.tag-suggest .tag-suggest-add{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:3px 4px 3px 10px;display:inline-flex}.confirm-backdrop{align-items:center}.confirm-modal{max-width:460px}.confirm-title{margin:0 0 10px;font-size:17px}.confirm-body{color:var(--text);font-size:14px;line-height:1.5}.confirm-body p{margin:0 0 10px}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.two-col{gap:12px;margin-top:12px;display:grid}.two-col>.card{margin:0}@media (width>=1100px){.two-col{grid-template-columns:1fr 1fr;align-items:start}.two-col>.card{box-sizing:border-box;height:420px;overflow-y:auto}}.tag-table td.n{text-align:right;color:var(--muted);white-space:nowrap;width:4em}.tag-table td.actions{text-align:right;white-space:nowrap;width:6em}.tag-table td.actions .icon{margin-left:4px;padding:4px 8px}.tag-table td.actions .icon.danger{color:var(--danger)}.retag-result{flex-direction:column;align-items:stretch;gap:6px}.retag-list{margin:0;padding-left:18px}.retag-list li{margin:2px 0}.retag-list .chip{margin-left:8px}td.actions button+button{margin-left:6px}.tag-toggle{cursor:pointer}.tag-caret{opacity:.7;margin-left:4px;font-size:10px}.tag-songs-row td{background:var(--bg);padding:8px 12px}.tag-table .n .chip-x{color:var(--muted);font-size:13px}.timeline-card{margin:0;padding:8px 12px 10px}.timeline-bar{align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.timeline-bar button{border-radius:999px;padding:2px 9px;font-size:12px}.timeline-bar button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.timeline-bar .seg{gap:2px;display:inline-flex}.timeline-wrap{width:100%;position:relative}.timeline-canvas{border:1px solid var(--border);cursor:crosshair;background:#fafbff;border-radius:8px;display:block}.timeline-card{margin:0}.preview-size button{border-radius:999px;padding:2px 8px;font-size:12px}.preview-size button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.preview-size{gap:2px;display:inline-flex}.doubt-bar{gap:6px;font-size:12px}.doubt-label{color:#b45309;font-weight:600}.doubt-chip{cursor:pointer;color:#92400e;background:#fffbeb;border-color:#fcd34d;padding:2px 8px;font-size:12px}.doubt-chip:hover{background:#fde68a}.timeline-canvas.scrubbing{cursor:col-resize}.tip.tip-multi[data-tip]:hover:after{white-space:pre-line;max-width:380px;padding:10px 12px;line-height:1.55}.tip.tip-right[data-tip]:hover:after{left:auto;right:0}.dock-help{cursor:help}.art-card{align-items:center;gap:16px}.art-preview{background:#e5e7eb;border-radius:12px;flex:none;width:96px;height:96px;overflow:hidden}.art-preview img{object-fit:cover;width:100%;height:100%;display:block}.art-preview img.art-fallback{filter:grayscale(.4);opacity:.8}.art-text{flex-direction:column;gap:6px;min-width:0;display:flex}.artist-image{background:var(--bg);border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative;overflow:hidden}.artist-image img{object-fit:cover;width:100%;height:100%;display:block}.artist-initial{color:var(--muted);font-weight:700}.artist-image-btn{border-radius:50%;width:18px;height:18px;padding:0;font-size:12px;line-height:1;position:absolute;bottom:-2px;right:-2px}html,body{overscroll-behavior:none;height:100%;overflow:hidden}.shell{flex-direction:column;height:100vh;display:flex}.topbar-shell{background:var(--surface);border-bottom:1px solid var(--border);z-index:30;flex:none;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex;position:relative}.brand{color:var(--text);border-right:1px solid var(--border);padding-right:14px;font-size:17px;font-weight:700;text-decoration:none}.topbar-spacer{flex:1}.topbar-sep{background:var(--border);width:1px;height:22px}.shell-body{flex:1;min-height:0;display:flex}.sidebar{z-index:26;border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex:0 0 200px;gap:2px;width:200px;padding:12px 8px;display:flex;position:relative}.side-item{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;text-decoration:none;display:flex}.side-item:hover{background:var(--bg);color:var(--text)}.side-item.active{background:var(--accent-soft,#e8efff);color:var(--accent);font-weight:600}.side-icon{justify-content:center;align-items:center;width:20px;display:inline-flex}.content{overscroll-behavior:contain;flex:1;min-width:0;padding:16px 20px;position:relative;overflow-y:auto}.bell-wrap{position:relative}.bell-count{background:var(--danger);color:#fff;border-radius:999px;padding:1px 6px;font-size:11px;position:absolute;top:-4px;right:-4px}.bell-menu{background:var(--surface);border:1px solid var(--border);z-index:40;border-radius:12px;width:340px;max-height:420px;position:absolute;top:40px;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000024}.bell-item{border-bottom:1px solid var(--border);color:var(--text);grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:4px 10px;padding:10px 12px;font-size:13px;text-decoration:none;display:grid}.bell-icon{width:22px;height:22px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.bell-icon svg{width:18px;height:18px}.bell-text{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.bell-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.countdown{text-align:left;font-variant-numeric:tabular-nums;min-width:4.2em;display:inline-block}.bell-item:hover{background:var(--bg)}.page-title{margin:0 0 12px;font-size:20px;font-weight:700}.locked{text-align:center;border:1px dashed var(--border);border-radius:12px;padding:24px}@media (width<=800px){.sidebar{flex-basis:56px;width:56px}.side-item{justify-content:center;padding:10px 0}.side-item span+*{display:none}.side-item{font-size:0}}.bell-button{width:36px;height:36px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.bell-button:hover{color:var(--text)}.queue-wrap{margin-top:auto;position:relative}.queue-toggle{text-align:left;cursor:pointer;background:0 0;border:none;width:100%}.queue-count{background:var(--accent);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.queue-spin{border:2px solid var(--accent-soft,#e8efff);border-top-color:var(--accent);border-radius:999px;width:14px;height:14px;animation:.8s linear infinite queue-spin;display:inline-block}@keyframes queue-spin{to{transform:rotate(360deg)}}.queue-panel{background:var(--surface);border:1px solid var(--border);z-index:40;border-radius:12px;width:380px;max-height:70vh;position:absolute;bottom:0;left:calc(100% + 10px);overflow-y:auto;box-shadow:0 12px 32px #00000024}.queue-head,.menu-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.menu-clear{color:var(--muted);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:12px}.menu-clear:hover{color:var(--text)}.queue-item{border-bottom:1px solid var(--border);color:var(--text);padding:10px 14px;font-size:13px;text-decoration:none;display:block}.queue-item:last-child{border-bottom:none}.queue-item:hover{background:var(--bg)}.queue-item.done,.queue-item.cancelled,.queue-item.error{opacity:.75}.queue-row{align-items:center;gap:8px;display:flex}.queue-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.queue-state{font-variant-numeric:tabular-nums;font-weight:700}.queue-state.running{color:var(--accent)}.queue-state.done{color:#047857}.queue-state.error{color:var(--danger)}.queue-state.queued,.queue-state.cancelled{color:var(--muted)}.queue-cancel{border-radius:999px;padding:2px 8px;font-size:11px}.queue-track{background:var(--border);border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.queue-fill{background:var(--accent);height:100%;transition:width .5s}.queue-msg{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}@media (width<=800px){.queue-label{display:none}.queue-panel{width:300px}}