:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-family:"Atkinson Hyperlegible Next", Atkinson Hyperlegible, system-ui, sans-serif;color:oklch(91% .008 235);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:oklch(17% .008 210);--surface-lowest:oklch(13% .009 210);--surface-low:oklch(22% .01 210);--surface-mid:oklch(25% .011 210);--surface-high:oklch(31% .012 210);--surface-bright:oklch(39% .012 210);--text:oklch(91% .008 235);--muted:oklch(80% .012 260);--faint:oklch(63% .014 260);--outline:oklch(43% .012 250);--gold:oklch(81% .132 88);--gold-strong:oklch(69% .143 82);--gold-ink:oklch(28% .05 82);--teal:oklch(62% .105 185);--danger:oklch(80% .09 25);--primary:oklch(81% .02 265);--secondary:oklch(81% .132 88);--tertiary:oklch(80% .025 260);--error:oklch(86% .08 30);--surface-dim:oklch(11% .004 210);--surface-container:oklch(15% .006 210);--surface-container-low:oklch(13% .005 210);--surface-container-high:oklch(19% .008 210);--surface-container-highest:oklch(24% .01 210);--on-surface:oklch(91% .008 235);--on-surface-variant:oklch(80% .012 260);--outline-variant:oklch(35% .01 250);--background:oklch(11% .004 210);--on-background:oklch(91% .008 235);--radius-sm:.25rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--space-unit:4px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;background:oklch(17% .008 210);font-family:Atkinson Hyperlegible Next,Atkinson Hyperlegible,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:var(--background);min-width:320px;min-height:100vh;font-family:var(--font-family);color:var(--on-surface);background:radial-gradient(circle at top left, oklch(28% .035 220/.36), transparent 34rem), linear-gradient(135deg, var(--surface-lowest), var(--surface) 42%, oklch(18% .015 205));margin:0}button,input,textarea{font:inherit}button{min-height:48px;color:inherit;cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-shell{grid-template-columns:288px minmax(0,1fr);min-height:100vh;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)}.sidebar{border-right:1px solid var(--outline);background:oklch(14% .01 210/.88);flex-direction:column;gap:28px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.sidebar.collapsed{align-items:center;gap:18px;padding:20px}.brand-mark,.metric-row,.status-row,.header-actions,.live-pill,.room-card-heading,.stage-meta,.transport,.shortcut-row,.now-playing,.search-field{align-items:center;display:flex}.brand-mark{gap:12px}.sidebar .brand-mark{border-radius:var(--radius-md);width:100%;min-height:52px;color:inherit;text-align:left;background:0 0;border:0;justify-content:flex-start;padding:0}.sidebar .brand-mark:hover{color:var(--text)}.brand-mark strong,.brand-mark span{display:block}.brand-mark strong{font-size:1.05rem;line-height:1.3}.brand-mark span,.metric-row span,.panel-heading span,.song-stack span,.stage-meta span,.up-next span,.library-table span{color:var(--muted)}.brand-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--gold);background:oklch(26% .045 88/.26);border:1px solid oklch(72% .11 88/.42);place-items:center;display:grid}.sidebar.collapsed .brand-mark{justify-content:center}.sidebar.collapsed .brand-copy,.sidebar.collapsed .session-card,.sidebar.collapsed .room-card,.sidebar.collapsed .nav-label{display:none}.nav-stack{gap:8px;display:grid}.sidebar.collapsed .nav-stack{width:100%}.nav-stack button,.nav-stack a,.view-tabs button,.view-tabs a{border-radius:var(--radius);color:var(--muted);background:0 0;align-items:center;gap:10px;transition:background .18s,color .18s;display:flex}.nav-stack button,.nav-stack a{justify-content:flex-start;padding:0 14px;text-decoration:none}.sidebar.collapsed .nav-stack a{justify-content:center;padding:0}.nav-stack button:hover,.nav-stack a:hover,.view-tabs button:hover,.view-tabs a:hover,.library-table article:hover{background:var(--surface-low)}.nav-stack button.active,.nav-stack a.active,.view-tabs button.active,.view-tabs a.active{color:var(--text);background:var(--surface-mid)}.session-card,.room-card,.lyric-stage,.control-panel,.setlist-panel,.share-panel,.library-view{border:1px solid var(--outline);border-radius:var(--radius);background:var(--surface-low)}.session-card{gap:14px;margin-top:auto;padding:16px;display:grid}.room-card{gap:12px;padding:14px;display:grid}.room-card-heading{color:var(--muted);gap:8px;font-weight:700}.room-card-heading svg{color:var(--gold)}.status-row{color:var(--muted);gap:10px}.status-dot{background:var(--faint);border-radius:999px;width:10px;height:10px}.status-dot.live{background:var(--teal);box-shadow:0 0 0 4px oklch(62% .105 185/.14)}.metric-row{gap:10px}.metric-row svg{color:var(--gold)}.workspace{align-content:start;gap:18px;padding:24px 28px 28px;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.eyebrow{color:var(--gold);letter-spacing:.05em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:2rem;line-height:1.25}h2{margin-bottom:0;font-size:1.25rem;line-height:1.4}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.live-pill{border:1px solid var(--outline);background:var(--surface-low);min-height:48px;color:var(--muted);border-radius:999px;gap:9px;padding:0 14px;font-weight:600}.live-pill.live{color:var(--text);background:oklch(21% .03 185/.48);border-color:oklch(62% .105 185/.48)}.primary-button,.ghost-button,.icon-button{border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:8px;transition:transform .16s,background .18s,border-color .18s;display:inline-flex}.primary-button{color:var(--gold-ink);background:var(--gold);padding:0 18px;font-weight:700}.primary-button.compact{border-radius:var(--radius);min-height:40px;padding:0 12px;font-size:.9rem}.primary-button:hover{background:oklch(86% .128 88)}.primary-button:active,.ghost-button:active,.icon-button:active{transform:translateY(1px)}.ghost-button{border:1px solid var(--outline);background:oklch(25% .011 210/.72);min-width:48px;padding:0 16px}.ghost-button.compact{border-radius:var(--radius);min-height:40px;padding:0 12px;font-size:.9rem}.ghost-button.active{color:var(--text);background:oklch(31% .032 88/.34);border-color:oklch(81% .132 88/.62)}.ghost-button:hover,.icon-button:hover{background:var(--surface-high);border-color:oklch(81% .132 88/.6)}.ghost-button.full{width:100%}.primary-button.wide{flex:1}.icon-button{border:1px solid var(--outline);background:var(--surface-mid);width:56px;padding:0}.icon-button.small{border-radius:var(--radius);width:40px;min-height:40px}.icon-button.danger{color:var(--danger)}.icon-button:disabled,.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.primary-button kbd,.ghost-button kbd,.icon-button kbd,.song-meta kbd{border-radius:var(--radius-sm);opacity:.75;border:1px solid;justify-content:center;align-items:center;min-width:28px;height:24px;padding:0 7px;font-family:inherit;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.primary-button kbd{color:var(--gold-ink)}.song-meta kbd{color:var(--gold);background:oklch(26% .045 88/.26)}.view-tabs{border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface-lowest);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:none}.view-tabs button,.view-tabs a{justify-content:center;min-width:0;padding:0 8px;font-size:.9rem;text-decoration:none}.leader-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:16px;display:grid}.lyric-stage{background:linear-gradient(180deg, oklch(24% .014 210), oklch(15% .009 210)), var(--surface-low);align-content:space-between;min-height:470px;padding:30px;display:grid}.stage-meta{flex-wrap:wrap;gap:8px}.stage-meta span,.song-meta span{background:var(--surface-high);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.75rem;font-weight:700;display:inline-flex}.current-lyric{max-width:min(100%,34ch);color:var(--text);white-space:pre-line;margin:42px 0;font-size:3.1rem;font-weight:700;line-height:1.16}.lyric-editor{align-content:center;gap:18px;margin:24px 0;display:grid}.editor-toolbar{grid-template-columns:repeat(2,minmax(0,max-content));align-items:start;gap:16px;display:grid}.editor-toolbar>div{gap:8px;display:grid}.editor-toolbar span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.lyric-editor label{gap:8px;display:grid}.lyric-editor label>span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.lyric-editor textarea{border:1px solid var(--outline);border-radius:var(--radius);width:100%;color:var(--text);resize:vertical;background:oklch(12% .008 210);min-height:250px;padding:18px 20px;font-size:2rem;font-weight:700;line-height:1.22}.up-next{border-top:1px solid oklch(43% .012 250/.58);max-width:52ch;padding-top:18px}.up-next p{color:var(--muted);white-space:pre-line;margin:6px 0 0;font-size:1.18rem;line-height:1.45}.progress-track{background:var(--surface-high);border-radius:999px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--gold);height:100%;transition:width .22s;display:block}.control-panel,.setlist-panel,.share-panel,.library-view{padding:20px}.control-panel{align-self:start}.panel-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.edit-decision{align-items:center;gap:8px;display:flex}.transport{gap:10px;margin-bottom:12px}.shortcut-row{color:var(--faint);flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:.78rem}.shortcut-row span{align-items:center;gap:6px;display:inline-flex}.shortcut-row kbd{border:1px solid var(--outline);border-radius:var(--radius-sm);min-width:24px;height:22px;color:var(--muted);justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-size:.7rem;font-weight:700;display:inline-flex}.marker-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.marker-toolbar.compact{margin-bottom:0}.marker-toolbar button{border:1px solid var(--outline);background:var(--surface-mid);min-width:48px;min-height:38px;color:var(--muted);letter-spacing:.04em;border-radius:999px;padding:0 12px;font-size:.82rem;font-weight:800}.marker-toolbar button:hover{color:var(--text);background:var(--surface-high);border-color:oklch(81% .132 88/.58)}.marker-toolbar button.active{border-color:var(--gold);color:var(--gold-ink);background:var(--gold)}.insert-row{border-radius:var(--radius);background:oklch(18% .01 210/.56);align-items:center;gap:6px;min-height:34px;padding:0 10px 0 54px;display:flex}.insert-row button{min-height:26px;color:var(--faint);letter-spacing:.04em;background:0 0;border:1px solid #0000;border-radius:999px;padding:0 8px;font-size:.72rem;font-weight:800}.insert-row button:hover{color:var(--gold);background:oklch(26% .035 88/.18);border-color:oklch(81% .132 88/.42)}.line-list{max-height:430px;padding-right:2px;overflow:auto}.line-list,.song-stack,.library-table{gap:8px;display:grid}.lyric-row,.setlist-row{border-radius:var(--radius);background:var(--surface-mid);text-align:left;border:1px solid #0000;width:100%;min-height:58px}.lyric-select{border-radius:inherit;text-align:left;background:0 0;border:0;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:58px;padding:10px 12px;display:grid}.lyric-row{align-items:center;transition:background .18s,border-color .18s;display:flex}.lyric-row:hover{background:var(--surface-low)}.lyric-row.editing{align-items:stretch}.lyric-select span{color:var(--gold);font-weight:700}.lyric-select p{color:var(--muted);white-space:pre-line;margin:0;line-height:1.4}.lyric-select:disabled{cursor:default;opacity:1}.lyric-row.active,.setlist-row.active{border-color:var(--gold);background:oklch(32% .035 88/.36)}.lyric-row.selected{background:oklch(24% .026 185/.3);border-color:oklch(62% .105 185/.72)}.lyric-row.active.selected{border-color:var(--gold)}.lyric-row.active p,.setlist-row.active strong{color:var(--text)}.lower-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.setlist-row{justify-content:space-between;align-items:center;gap:16px;padding:0;transition:background .18s,border-color .18s;display:flex}.setlist-row:hover{background:var(--surface-low)}.setlist-row.editing{align-items:stretch}.song-select{border-radius:inherit;text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:58px;padding:12px 14px;display:flex}.song-stack strong,.song-stack span{display:block}.song-stack strong{margin-bottom:3px}.song-meta{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.setlist-actions{align-items:center;gap:6px;padding:8px 10px 8px 0;display:flex}.lyric-actions{align-content:center;gap:6px;padding:8px 10px 8px 0;display:grid}.quick-add{gap:10px;margin:-4px 0 14px;display:grid}.search-field.compact{background:var(--surface-lowest);min-width:0;height:42px}.add-song-list{flex-wrap:wrap;gap:8px;display:flex}.add-song-list button{border:1px solid var(--outline);background:var(--surface-mid);min-height:38px;color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:.86rem;display:inline-flex}.add-song-list button:hover{color:var(--text);background:var(--surface-high);border-color:oklch(81% .132 88/.58)}.add-song-list button svg{color:var(--gold)}.add-song-list small{color:var(--gold);text-transform:uppercase;font-size:.72rem;font-weight:700}.add-song-list p,.empty-setlist p,.inline-error{color:var(--faint);margin:0;font-size:.86rem}.inline-error{color:var(--danger)}.empty-setlist{border:1px dashed var(--outline);border-radius:var(--radius);place-items:center;min-height:72px;display:grid}.qr-wrap{aspect-ratio:1;border-radius:var(--radius);background:oklch(96% .008 235);place-items:center;width:min(100%,184px);margin:0 auto 12px;padding:12px;display:grid}.qr-wrap.compact{width:min(100%,152px);margin-bottom:0;padding:10px}.qr-wrap canvas{aspect-ratio:1;max-width:100%;display:block;width:100%!important;height:auto!important}.share-url{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;line-height:1.4;overflow:hidden}.now-playing{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);background:oklch(20% .012 210/.82);border:1px solid oklch(69% .143 82/.42);gap:10px;margin-top:72px;padding:14px;position:sticky;bottom:16px}.library-view{gap:24px;display:grid}.library-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.library-header h2{max-width:28ch}.search-field{border:1px solid var(--outline);border-radius:var(--radius);background:var(--surface-mid);min-width:min(360px,100%);height:48px;color:var(--muted);gap:10px;padding:0 14px}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.search-field input::placeholder{color:var(--faint)}.library-table article{border:1px solid var(--outline);border-radius:var(--radius);background:var(--surface-mid);grid-template-columns:minmax(0,1fr) 64px 92px 88px;align-items:center;gap:14px;min-height:72px;padding:12px 14px;display:grid}.library-table strong{margin-bottom:4px;display:block}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding:20px}.view-tabs{display:grid}.leader-grid,.lower-grid,.lower-grid{grid-template-columns:1fr}}@media (width<=720px){.workspace{gap:16px;padding:20px}.topbar,.library-header,.song-select{flex-direction:column;align-items:stretch}.header-actions{justify-content:stretch}.header-actions>button,.song-select,.ghost-button.full{width:100%}.setlist-row.editing,.lyric-row.editing{flex-direction:column}.setlist-actions{justify-content:flex-end;padding:0 10px 10px}.lyric-actions{justify-content:flex-end;padding:0 10px 10px;display:flex}.editor-toolbar{grid-template-columns:1fr}.insert-row{padding-left:10px}h1{font-size:1.75rem}.lyric-stage{min-height:430px;padding:22px}.current-lyric{max-width:min(100%,28ch);font-size:2rem}.lower-grid{grid-template-columns:1fr}.song-meta{justify-content:flex-start}.library-table article{grid-template-columns:minmax(0,1fr)}.library-table article .ghost-button{width:100%}}@media (width<=430px){.workspace{padding:16px}.view-tabs button,.view-tabs a{font-size:.78rem}.stage-meta span,.song-meta span{font-size:.68rem}.current-lyric{font-size:1.75rem}}