:root{color-scheme:dark;--bg:#131313;--panel:#1d1d1d;--panel2:#272727;--panel3:#363636;--line:#404040;--ink:#f3f3f3;--muted:#b0b0b0;--faint:#8f8f8f;--blue:#b0b0b0;--accent:#b9b9b9;--green:#cbcbcb;--orange:#bcbcbc;--radius:17px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.32}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}#app{min-height:100dvh}svg{flex-shrink:0}input,textarea,select{display:block;width:100%;background:#191919;border:1px solid #555555;border-radius:11px;padding:13px 14px;color:#f7f7f7;outline:none}input::placeholder,textarea::placeholder{color:#838383}label{display:block;color:var(--muted);font-size:11px;letter-spacing:.095em;font-weight:700}select{cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:#bfbfbf}.btn{border:1px solid transparent;border-radius:10px;padding:12px 17px;display:inline-flex;align-items:center;gap:9px;justify-content:center;font-weight:650;background:#353535;color:#f5f5f5;white-space:nowrap;transition:.15s background,.15s transform}.btn:hover:not(:disabled){background:#494949}.btn:active:not(:disabled),.dock-button:active:not(:disabled){transform:scale(.98)}.btn.primary{background:#bdbdbd;color:#1f1f1f}.btn.primary:hover{background:#d6d6d6}.btn.subtle,.btn.outline{background:transparent;color:#e2e2e2;border-color:#575757}.btn.subtle:hover,.btn.outline:hover{background:#393939}.btn.wide{width:100%}.btn.large{padding:15px 20px}.btn.small{font-size:13px;padding:8px 12px;border-radius:9px}.quiet-btn,.demo-link{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#c4c4c4;border:0;padding:10px;font-size:14px}.quiet-btn:hover,.demo-link:hover{color:white}.app-loading{padding:50px;font-weight:700}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:flex;align-items:center;justify-content:center;background:#383838;color:#cbcbcb;width:37px;height:37px;border:1px solid #535353;border-radius:11px}.brand-name{font-weight:770;letter-spacing:-.06em;font-size:23px;color:#f8f8f8}.brand-name span{color:#b7b7b7;font-weight:400}.brand.small-brand .brand-mark{width:30px;height:30px;border-radius:8px}.small-brand .brand-name{font-size:19px}.welcome-shell{min-height:100dvh;background:radial-gradient(ellipse at 55% -40%,#3c3c3c 0,transparent 67%),#161616;display:flex;flex-direction:column}.welcome-top{width:min(1120px,100%);padding:30px 30px;display:flex;justify-content:space-between;align-items:center;margin:0 auto}.welcome-top-note{font-size:13px;color:#adadad}.welcome-main{width:min(1030px,100%);margin:0 auto;padding:64px 30px 70px}.eyebrow,.overline{letter-spacing:.19em;font-weight:750;font-size:11px;color:#b8b8b8}.shine{display:inline-block;background:#d0d0d0;width:7px;height:7px;border-radius:50%;margin-right:7px}.welcome-main h1{font-size:clamp(45px,6vw,76px);line-height:1.08;letter-spacing:-.06em;max-width:800px;margin:19px 0 18px}.welcome-main h1 em{font-style:normal;color:#bdbdbd}.intro{max-width:600px;color:#bebebe;font-size:17px;line-height:1.6}.welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.welcome-card{min-height:275px;background:#242424;border:1px solid #3e3e3e;border-radius:19px;padding:26px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.welcome-card.primary-card{background:#2e2e2e;border-color:#5c5c5c}.welcome-card .card-icon{width:48px;height:48px;border-radius:15px;background:#4d4d4d;color:#c8c8c8;display:flex;align-items:center;justify-content:center}.welcome-card .secondary-icon{background:#393939;color:#d6d6d6}.welcome-card h2{font-size:21px;letter-spacing:-.02em}.welcome-card p{font-size:14px;line-height:1.5;color:#b7b7b7;margin-bottom:10px}.welcome-card .btn{margin-top:auto}.welcome-card label{margin-bottom:8px}.join-inline{display:flex;gap:9px}.join-inline input{min-width:0;flex:1}.code-input{font-weight:760;letter-spacing:.17em;text-transform:uppercase;font-size:20px!important}.welcome-footer{width:min(1120px,100%);margin:auto auto 0;padding:22px 30px 30px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #353535;color:#939393;font-size:12px}.welcome-footer span{display:flex;align-items:center;gap:8px}.demo-link{margin:20px 0 0 0;padding-left:0}.form-shell{width:min(650px,100%);margin:20px auto 50px;padding:20px}.form-title{font-size:47px!important}.form-card{margin-top:28px;background:#252525;border:1px solid #464646;border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:15px}.form-card label{margin-bottom:-4px}.form-card p.help{margin-top:-8px}.help{font-size:12px;color:#a0a0a0;line-height:1.5}.form-note{padding:15px;border:1px solid #4d4d4d;background:#313131;border-radius:10px;display:flex;align-items:center;gap:12px;color:#bfbfbf;font-size:13px;line-height:1.5}.role-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.role-pick{display:block;position:relative;cursor:pointer;letter-spacing:normal;font-weight:400}.role-pick input{position:absolute;opacity:0;width:1px;height:1px}.role-pick-content{background:#222222;border:1px solid #515151;border-radius:12px;display:flex;align-items:center;gap:7px;flex-direction:column;padding:17px 4px;height:117px;color:#c9c9c9}.role-pick-content strong{font-size:14px;color:#eeeeee}.role-pick-content small{font-size:11px;color:#a0a0a0}.role-pick input:checked+.role-pick-content{background:#424242;border-color:#bdbdbd;box-shadow:inset 0 0 0 1px #bdbdbd}.role-pick input:focus-visible+.role-pick-content{outline:2px solid #cccccc;outline-offset:3px}
/* app layout */
.app-header{height:64px;padding:0 clamp(16px,3vw,38px);background:#191919;border-bottom:1px solid #383838;display:flex;align-items:center;justify-content:space-between;gap:15px}.app-header-left,.app-header-right{display:flex;align-items:center;gap:18px}.app-header-right{gap:14px}.session-chip{border-left:1px solid #404040;padding-left:16px;display:flex;align-items:center;gap:10px}.session-chip span{font-size:10px;letter-spacing:.11em;color:#919191;font-weight:750}.session-chip strong{font-size:14px;letter-spacing:.12em}.session-chip button,.icon-button{border:0;background:transparent;color:#ababab;display:grid;place-items:center;padding:6px;border-radius:7px}.session-chip button:hover,.icon-button:hover{color:white;background:#3a3a3a}.connection{color:#c1c1c1;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.status-dot{height:7px;width:7px;border-radius:50%;background:#ababab;display:inline-block;flex-shrink:0}.connection.good .status-dot,.live-badge:not(.is-blank) .status-dot{background:#c2c2c2;box-shadow:0 0 0 3px #c2c2c21c}.connection.warning .status-dot{background:#acacac}.peer-count{font-size:12px;color:#929292}.performance-shell{width:min(1100px,100%);margin:0 auto;display:flex;flex-direction:column;gap:13px;padding:20px 25px}.view-nav{display:flex;align-items:center;justify-content:center}.view-segments{display:flex;border:1px solid #424242;background:#232323;border-radius:12px;padding:4px;gap:4px}.view-button{display:flex;gap:8px;align-items:center;justify-content:center;background:transparent;border:0;color:#a9a9a9;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:680;min-width:120px}.view-button:hover{color:#f4f4f4;background:#333333}.view-button.selected{background:#454545;color:#f2f2f2;box-shadow:0 2px 8px #00000033}.performance-panel{background:#1e1e1e;border:1px solid #404040;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;min-height:calc(100dvh - 178px);max-height:calc(100dvh - 135px);position:relative}.song-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 27px 16px}.breadcrumb{font-size:11px;color:#9b9b9b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}.breadcrumb span{color:#6a6a6a;padding:0 4px}.breadcrumb strong{color:#bbbbbb;font-weight:550}.song-header h1{letter-spacing:-.035em;font-size:26px;line-height:1.12}.song-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#a3a3a3}.song-meta b{color:#e4e4e4}.live-badge{display:inline-flex;align-items:center;gap:8px;color:#dbdbdb;background:#3d3d3d;padding:8px 11px;border-radius:8px;font-size:11px;font-weight:770;letter-spacing:.065em}.live-badge.is-blank{background:#464646;color:#dfdfdf}.live-badge.is-blank .status-dot{background:#c1c1c1}.song-tabs{display:flex;gap:6px;padding:0 27px 12px;border-bottom:1px solid #404040}.song-tab{border:1px solid transparent;background:transparent;min-width:152px;color:#aaaaaa;padding:11px 15px;border-radius:9px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:9px}.song-tab:hover{background:#333333}.song-tab.active{background:#3e3e3e;border-color:#5c5c5c;color:#efefef}.reading-options{padding:11px 29px;display:flex;justify-content:space-between;align-items:center}.toggle-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:normal;font-weight:550;cursor:pointer}.toggle-label input{width:16px;height:16px;margin:0}.font-controls{display:flex;align-items:center;gap:9px;color:#b2b2b2;font-size:13px}.small-icon{background:#353535;border:1px solid #4d4d4d;border-radius:8px;color:#d6d6d6;padding:5px 7px;display:grid;place-items:center}.lyrics-scroll{position:relative;overflow:auto;overscroll-behavior:contain;flex:1;min-height:90px;padding:4px 24px 55px;display:flex;flex-direction:column;gap:11px;scrollbar-color:#5f5f5f transparent}.section-card{background:#262626;border:1px solid #3d3d3d;border-radius:12px;padding:8px;flex-shrink:0}.section-card.current{border-color:#919191;background:#363636}.section-heading{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;text-align:left;color:#a6a6a6;text-transform:uppercase;letter-spacing:.095em;font-weight:770;font-size:11px;padding:8px 10px 11px}.section-card.current .section-heading{color:#d1d1d1}.section-heading small{margin-left:auto;font-size:9px;color:#d0d0d0;letter-spacing:.05em}.section-heading svg:last-child{margin-left:2px}.section-heading.actionable:hover{background:#4e4e4e;border-radius:7px}.lyric-slide{border:1px solid transparent;border-radius:8px;display:flex;flex-direction:column;width:100%;text-align:left;color:#cacaca;background:#2e2e2e;padding:14px 15px;margin:2px 0;gap:8px}.lyric-slide.actionable:hover{background:#494949;border-color:#717171}.lyric-slide.on-air{background:#525252;border-color:#898989;color:#ffffff}.slide-lines{display:flex;flex-direction:column;gap:12px}.lyric-line{display:flex;flex-wrap:wrap;align-items:flex-end;row-gap:2px;line-height:1.15}.chord-pair{display:inline-flex;flex-direction:column;white-space:pre-wrap;min-width:0}.chord-name{min-height:16px;line-height:16px;color:#bcbcbc;font-size:12px;font-weight:700;white-space:pre}.lyric-words{white-space:pre-wrap;line-height:1.5;font-size:16px}.on-air .lyric-words{font-weight:650}.onair-text{color:#cfcfcf;font-size:10px;display:flex;gap:6px;justify-content:flex-end;align-items:center;font-weight:700;letter-spacing:.075em}.font-0 .lyric-words{font-size:14px}.font-1 .lyric-words{font-size:16px}.font-2 .lyric-words{font-size:20px}.font-2 .chord-name{font-size:14px;line-height:20px;min-height:20px}.font-0 .chord-name{font-size:10px}.return-to-live{position:absolute;bottom:150px;right:30px;border:1px solid #8d8d8d;box-shadow:0 4px 16px #00000077;background:#585858;color:white;border-radius:999px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.return-to-live[hidden]{display:none}.control-dock{background:#232323;box-shadow:0 -9px 25px #10101055;border-top:1px solid #444444;padding:12px 25px 17px;z-index:1;flex-shrink:0}.dock-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d4d4d4;font-size:12px;padding:0 4px 11px}.dock-caption b{font-weight:740}.caption-sep{margin:0 5px;color:#939393}.controller-indicator{display:inline-flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.07em;color:#989898;font-weight:700}.dock-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.dock-button{min-height:77px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:17px;font-weight:750;transition:.14s background,.14s transform;border:1px solid #505050}.dock-button.back{background:#303030;color:#e9e9e9}.dock-button.next{background:#b7b7b7;color:#202020;border-color:#cacaca}.dock-button.blank{background:#323232;color:#f3f3f3;border-color:#6f6f6f}.dock-button.blank.active{background:#b3b3b3;border-color:#c9c9c9;color:#1c1c1c}.dock-button.back:hover:not(:disabled){background:#434343}.dock-button.next:hover:not(:disabled){background:#d3d3d3}.dock-button.blank:hover:not(:disabled){background:#4c4c4c}.dock-button.blank.active:hover{background:#c1c1c1}.empty-lyrics,.waiting-host{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;gap:15px;text-align:center;padding:40px;color:#b9b9b9}.empty-lyrics h2,.waiting-host h2{color:#f0f0f0}.waiting-host p,.empty-lyrics p{max-width:370px;line-height:1.6;font-size:14px}.spin{display:block;width:28px;height:28px;border-radius:50%;border:3px solid #535353;border-top-color:#bebebe;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* setlist */
.setlist-content{flex:1;overflow:auto;padding:20px 26px 30px;scrollbar-color:#5f5f5f transparent}.set-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.set-toolbar h2{margin-top:4px;font-size:23px;letter-spacing:-.035em}.setlist-rows{display:flex;flex-direction:column;gap:9px}.set-row{background:#282828;border:1px solid #444444;border-radius:11px;display:flex;align-items:center;gap:16px;padding:15px;min-height:72px}.set-row.active{background:#3d3d3d;border-color:#848484}.track-number{font-size:12px;color:#929292;font-variant-numeric:tabular-nums;min-width:23px}.set-row-copy{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.set-row-copy strong{font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.set-row-copy span{font-size:11px;color:#a2a2a2}.setlist-helper{color:#969696;font-size:12px;margin-top:17px;line-height:1.5}.editing-tools{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;margin-bottom:15px}.editing-tools label{min-width:135px;flex:1;font-size:10px}.editing-tools select{font-size:13px;padding:9px;margin-top:6px}.mini-actions{display:flex;gap:5px;align-items:center}.mini-actions button{width:33px;height:34px;border-radius:7px;border:1px solid #5f5f5f;background:#3d3d3d;color:#d2d2d2;display:grid;place-items:center}.mini-actions button:hover:not(:disabled){background:#575757}.add-song-button{background:#2a2a2a;color:#d3d3d3;border:1px dashed #6f6f6f;border-radius:10px;width:100%;padding:17px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:680;margin-top:12px}.add-song-button:hover{background:#3d3d3d}.live-mark{color:#d2d2d2}.empty-list{text-align:center;padding:34px;color:#a0a0a0}
/* projector */
.projector-shell{position:relative;width:100%;height:100dvh;background:#030303;overflow:hidden}.projection-frame{height:100%;width:100%;background:#050505;display:flex;justify-content:center;align-items:center;padding:7vw}.projected-lines{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35em;text-align:center;max-width:94%;font-weight:680;line-height:1.28;color:white;font-size:clamp(32px,5.1vw,98px);letter-spacing:-.018em;text-wrap:balance}.projection-font-0 .projected-lines{font-size:clamp(20px,2.5vw,50px)}.projection-font-1 .projected-lines{font-size:clamp(25px,3.6vw,70px)}.projection-font-2 .projected-lines{font-size:clamp(32px,5.1vw,98px)}.projection-font-3 .projected-lines{font-size:clamp(38px,6.5vw,120px)}.projection-font-4 .projected-lines{font-size:clamp(45px,8vw,160px)}.projector-placeholder{color:#6f6f6f;font-size:clamp(20px,3vw,43px)}.projection-frame.is-black{background:#000000}.projector-tools{position:absolute;bottom:24px;left:50%;transform:translateX(-50%) translateY(30px);width:min(850px,95%);background:#252525ed;backdrop-filter:blur(15px);border:1px solid #535353;box-shadow:0 15px 40px #00000088;border-radius:14px;padding:12px 15px;opacity:0;pointer-events:none;transition:.2s ease;z-index:4}.projector-tools.open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.projector-tools-head{display:flex;justify-content:space-between;color:#bdbdbd;font-size:12px;padding:6px 3px 12px;gap:10px}.projector-tool-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.projection-gear{position:absolute;top:16px;right:15px;padding:11px;border-radius:12px;background:#2c2c2c99;border:1px solid #646464;color:white;opacity:0;transition:opacity .2s}.projector-shell:hover .projection-gear,.projection-gear:focus-visible{opacity:1}
/* modals and toasts */
.modal-backdrop{position:fixed;inset:0;background:#090909d9;display:flex;align-items:center;justify-content:center;z-index:20;padding:18px;overflow:auto}.modal-card{position:relative;max-height:min(90dvh,1000px);overflow:auto;width:min(480px,100%);border-radius:18px;border:1px solid #5d5d5d;background:#282828;box-shadow:0 25px 75px #000000aa;padding:30px;display:flex;flex-direction:column;gap:14px}.modal-card h2{font-size:27px;letter-spacing:-.04em}.modal-card p{color:#b3b3b3;line-height:1.5;font-size:14px}.modal-card .close-modal{position:absolute;top:14px;right:13px}.modal-symbol{width:47px;height:47px;border-radius:12px;background:#494949;color:#cccccc;display:grid;place-items:center}.modal-card form{display:flex;flex-direction:column;gap:12px;margin-top:9px}.modal-card form label{margin-top:5px}.modal-wide{width:100%}.modal-card:has(.modal-wide){width:min(770px,100%)}.code-display{border:1px solid #757575;background:#3b3b3b;text-align:center;border-radius:13px;font-size:37px;letter-spacing:.16em;font-weight:790;padding:20px;color:#e3e3e3}.invite-link{font-size:12px;color:#b7b7b7;word-break:break-all;text-align:center}.invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modal-note{background:#3b3b3b;border-radius:10px;padding:12px;font-size:12px;color:#c8c8c8;line-height:1.6}.modal-divider{height:1px;background:#4b4b4b}.backups{display:flex;gap:12px}.backups button{display:inline-flex;gap:9px;align-items:center;background:transparent;border:0;color:#d0d0d0;padding:10px;font-size:13px}.backups button:hover{color:white}.library-list{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow:auto}.library-entry{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px;background:#363636;border:1px solid #4e4e4e;border-radius:10px}.library-entry>div:first-child{display:flex;flex-direction:column;gap:5px;min-width:0}.library-entry strong{font-size:14px}.library-entry small{font-size:11px;color:#a1a1a1}.editor-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.editor-fields label{font-size:11px;letter-spacing:normal}.editor-fields input{margin-top:6px}.song-editor-modal textarea{width:100%;min-height:240px;background:#1a1a1a;resize:vertical;line-height:1.7;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e5e5e5}.song-editor-modal .help{font-size:12px}.editor-actions{display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:90;background:#ebebeb;color:#272727;border-radius:12px;padding:13px 20px;font-size:13px;font-weight:680;box-shadow:0 10px 30px #00000088;text-align:center;max-width:90vw}
@media(max-width:750px){.welcome-top{padding:20px}.welcome-top-note{display:none}.welcome-main{padding:50px 20px 45px}.welcome-actions{grid-template-columns:1fr;gap:13px}.welcome-card{min-height:230px;padding:22px}.welcome-footer{padding:20px;flex-direction:column}.form-shell{margin:0 auto;padding:25px 20px}.form-title{font-size:40px!important}.app-header{height:55px;padding:0 12px}.brand-name{font-size:17px!important}.app-header-right{gap:4px}.peer-count{display:none}.session-chip{padding-left:9px;gap:4px}.session-chip span{display:none}.session-chip strong{font-size:12px}.connection{font-size:10px}.performance-shell{padding:9px 0 0;gap:8px;height:calc(100dvh - 55px);min-height:0}.view-nav{padding:0 10px}.view-segments{width:100%}.view-button{min-width:0;flex:1;padding:10px 6px;font-size:12px;gap:5px}.view-button svg{width:15px}.performance-panel{flex:1;min-height:0;max-height:none;border:0;border-top:1px solid #404040;border-radius:13px 13px 0 0}.song-header{padding:17px 16px 13px}.song-header h1{font-size:23px}.breadcrumb{font-size:10px}.song-tabs{padding:0 12px 10px}.song-tab{flex:1;min-width:0;font-size:12px;padding:10px 8px}.reading-options{padding:10px 15px}.lyrics-scroll{padding:3px 11px 25px}.lyric-slide{padding:11px 10px}.section-card{padding:6px}.lyric-words{font-size:15px}.font-0 .lyric-words{font-size:13px}.font-1 .lyric-words{font-size:15px}.font-2 .lyric-words{font-size:18px}.control-dock{padding:9px 10px max(12px,env(safe-area-inset-bottom))}.dock-caption{font-size:11px;padding:0 2px 9px}.dock-buttons{gap:7px}.dock-button{min-height:72px;border-radius:11px;font-size:14px;gap:6px;flex-direction:column}.dock-button svg{width:22px;height:22px}.return-to-live{bottom:140px;right:16px}.setlist-content{padding:15px 12px}.set-toolbar h2{font-size:20px}.set-row{gap:9px;padding:11px 9px}.set-row-copy strong{font-size:14px}.mini-actions{gap:2px}.mini-actions button{width:29px;height:31px}.editing-tools .btn{font-size:11px}.modal-card{padding:22px}.editor-fields{grid-template-columns:1fr 1fr}.editor-fields label:first-child{grid-column:1/-1}.projection-gear{opacity:.18}.projector-tools{bottom:10px}.projected-lines{max-width:100%}}
@media(max-width:370px){.small-brand .brand-name{display:none}.view-button{font-size:10px}.role-pick-content small{display:none}.dock-button{font-size:12px}.song-header h1{font-size:20px}.invite-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Compact performance and essential home screen. */
.minimal-home{width:min(440px,100%);padding:60px 24px;display:flex;flex-direction:column;gap:22px;margin:auto}
.minimal-home h1{font-size:38px;margin:0;letter-spacing:-.04em}.minimal-home .intro{font-size:14px;margin-top:-12px;color:var(--muted)}
.minimal-home form label{margin-bottom:8px}.minimal-home .demo-link{margin:0;align-self:center;font-size:12px}
.home-divider{text-align:center;font-size:12px;color:var(--faint)}.beta-label{font-size:12px;color:var(--faint)}
.welcome-top{padding:20px 24px}.reading-toolbar{display:flex;justify-content:flex-end;padding:0 18px}.reading-toolbar .quiet-btn{font-size:12px;padding:7px}
.song-header{padding:17px 25px 14px}.controller-indicator{display:none}.app-header .peer-count{display:none}
.projector-shell{cursor:auto}.projection-gear{opacity:0}.projection-gear:focus-visible,.projector-shell:hover .projection-gear{opacity:.35}
@media(max-width:750px){.minimal-home{padding:40px 24px}.song-header{padding:13px 16px 11px}.song-header h1{font-size:21px}.song-meta{margin-top:5px}.reading-toolbar{padding-right:10px}.reading-options{padding-top:3px}.app-header-left{gap:10px}}

/* Sync Lyrics: monochrome UI; colour reserved for performance annotations. */
:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;--bg:#080808;--panel:#141414;--panel2:#202020;--panel3:#303030;--line:#383838;--ink:#f2f2f2;--muted:#aaa;--faint:#888;--blue:#ccc;--accent:#eee;--green:#a8ff3e;--orange:#ccc}
body,.welcome-shell{background:#080808}.welcome-top{justify-content:flex-end}.brand-name,.small-brand .brand-name{font-family:inherit;font-weight:800;letter-spacing:-.065em;color:#f2f2f2;font-size:23px}
.minimal-home h1{font-family:inherit;font-weight:800;letter-spacing:-.065em;font-size:clamp(32px,5vw,44px)}
.app-header{background:#0d0d0d}.performance-panel{background:#111}.btn.primary,.dock-button.next{background:#e6e6e6;color:#111;border-color:#e6e6e6}.btn.primary:hover,.dock-button.next:hover:not(:disabled){background:white}
.view-button.selected,.song-tab.active{background:#303030;border-color:#555}.section-card{background:#171717}.section-card.current{background:#242424;border-color:#666}.lyric-slide{background:#202020}.lyric-slide.on-air{background:#383838;border-color:#888}.section-heading,.section-card.current .section-heading,.section-heading small,.onair-text{color:#ccc}
.live-badge{background:#2c2c2c;color:#eee}.live-badge.is-blank{background:#444;color:#fff}.connection.good .status-dot,.live-badge:not(.is-blank) .status-dot,.connection.warning .status-dot,.live-badge.is-blank .status-dot{background:#ddd;box-shadow:none}
.dock-button.blank.active{background:#dedede;color:#111;border-color:white}.dock-button.blank.active:hover{background:white}.chord-name{color:#f0d66b}
.stage-notes{padding:1px 10px 12px;display:flex;flex-direction:column;gap:5px}.stage-note{color:#a8ff3e;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.stage-note span{font-size:9px;font-weight:750;letter-spacing:.1em;margin-right:6px}.font-2 .stage-note{font-size:15px}
.syntax-guide{font-size:12px;color:#aaa}.syntax-guide summary{cursor:pointer;padding:8px 0}.syntax-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;padding:12px;border:1px solid #444;border-radius:8px;font:12px/1.6 ui-monospace,monospace}.song-editor-modal textarea::placeholder{color:#999;opacity:1}

.stage-note{color:#a8ff3e}.syntax-example{padding:14px 0;border-top:1px solid #444}.syntax-example h3{font-size:13px;color:#eee;margin:0 0 10px}.syntax-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.syntax-columns>div{min-width:0}.syntax-label{font-size:9px;letter-spacing:.1em;color:#999;margin:9px 0 6px}.syntax-columns pre{margin:0;font-size:11px}.syntax-stage,.syntax-projector{padding:10px;background:#111;border:1px solid #3a3a3a;border-radius:8px}.syntax-section{text-transform:uppercase;letter-spacing:.07em;font-size:10px;color:#ccc}.syntax-slide{padding:8px 0}.syntax-slide+.syntax-slide{border-top:1px dashed #555}.syntax-stage .lyric-words{font-size:13px}.syntax-projector{color:white;text-align:center;font-size:14px}.syntax-stage .chord-name{color:#f0d66b}.set-position{width:52px;min-width:44px;padding:8px 3px;text-align:center;font-size:13px;letter-spacing:normal;-moz-appearance:textfield}.set-position::-webkit-inner-spin-button,.set-position::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media(max-width:550px){.syntax-columns{grid-template-columns:1fr}.set-position{width:42px;min-width:38px}.set-row{gap:7px}}

.current-notes{flex-shrink:0;max-height:23dvh;overflow:auto;background:#161d10;border-block:1px solid #354529;padding:10px 22px;scrollbar-color:#657a4b transparent}.current-notes>strong{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#b6c1aa;display:block;margin-bottom:4px}.current-notes .stage-note{font-size:14px}
.order-preview{padding:10px;border:1px solid #444;border-radius:8px;font-size:12px;color:#ccc}.preview-label{font-size:9px;color:#999;letter-spacing:.1em}.order-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.order-chips span{background:#333;padding:5px 8px;border-radius:5px}.order-chips b{color:#888}.order-preview.invalid{border-color:#aaa;border-style:dashed;color:white}.editor-actions{position:sticky;bottom:-22px;background:#282828;padding:12px 0;z-index:2;border-top:1px solid #444}@media(max-width:750px){.current-notes{padding:8px 14px}}