:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--app-bg: #0d1321;--app-surface: #15213a;--app-border: #263653;--app-text: #f8fafc;--app-muted: #b8c4d8;--app-accent: #f4d35e;--projection-bg: #0d1321;--projection-text: #ffffff;--projection-accent: #f4d35e;--projection-title-size: 3rem;--projection-body-size: 2rem;--projection-line-height: 1.35;--projection-font-family: Inter, ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--app-bg)}body{min-width:320px;min-height:100vh;margin:0;color:var(--app-text);background:linear-gradient(135deg,rgba(244,211,94,.14),transparent 34rem),var(--app-bg)}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{display:grid;min-height:100vh;place-items:center;padding:2rem}.intro-panel{width:min(100%,880px);padding:clamp(2rem,6vw,4.5rem);border:1px solid var(--app-border);border-radius:8px;background:#15213adb;box-shadow:0 24px 80px #00000047}.eyebrow{margin:0 0 .75rem;color:var(--app-accent);font-size:.85rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(2.8rem,7vw,5.75rem);line-height:.95}.lede{max-width:48rem;margin:1.5rem 0 0;color:var(--app-muted);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.status-grid article{min-height:7rem;padding:1.25rem;border:1px solid var(--app-border);border-radius:8px;background:#0d13218f}.status-grid span{display:block;color:var(--app-muted);font-size:.9rem}.status-grid strong{display:block;margin-top:.65rem;color:var(--app-text);font-size:1.2rem;line-height:1.25}.primary-link,.secondary-link,.copy-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid var(--app-border);border-radius:8px;color:var(--app-text);background:#0d1321b8;font-weight:800;text-decoration:none}.primary-link{margin-top:1.5rem;border-color:transparent;color:#111827;background:var(--app-accent)}.review-shell{width:min(100%,1440px);min-height:100vh;margin:0 auto;padding:1.5rem}.review-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1rem 0 1.5rem}.review-header h1{font-size:clamp(2rem,5vw,4.5rem)}.review-metrics,.report-lists{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.metric,.report-list,.review-sidebar,.review-content{border:1px solid var(--app-border);border-radius:8px;background:#15213adb}.metric{min-height:5.75rem;padding:1rem}.metric span,.search-label,.section-detail span,.hymn-detail-header p,.singing-order-list small,.list-suffix{color:var(--app-muted)}.metric strong{display:block;margin-top:.5rem;font-size:1.8rem;line-height:1}.metric-good strong{color:#7dd3a8}.metric-warn strong{color:var(--app-accent)}.review-layout{display:grid;grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);gap:1rem;margin-top:1rem}.review-sidebar{position:sticky;top:1rem;align-self:start;max-height:calc(100vh - 2rem);padding:1rem;overflow:hidden}.search-label{display:block;font-weight:800}.review-search{width:100%;min-height:2.75rem;margin-top:.5rem;padding:.75rem;border:1px solid var(--app-border);border-radius:8px;color:var(--app-text);background:#0d1321db}.hymn-list{display:grid;gap:.4rem;max-height:calc(100vh - 9rem);margin-top:1rem;overflow:auto;padding-right:.25rem}.hymn-row{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.6rem;width:100%;min-height:3rem;align-items:center;border:1px solid transparent;border-radius:8px;color:var(--app-text);background:transparent;text-align:left;cursor:pointer}.hymn-row span{color:var(--app-accent);font-weight:900;text-align:right}.hymn-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hymn-row.is-active,.hymn-row:hover{border-color:var(--app-border);background:#0d1321b8}.review-content{min-width:0;padding:1.25rem}.hymn-detail-header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.hymn-detail-header h2,.review-content h3,.report-list h3{margin:0}.hymn-detail-header h2{font-size:clamp(1.75rem,3vw,3rem);line-height:1.05}.copy-state{margin:1rem 0 0;font-weight:800}.copy-state.is-ok{color:#7dd3a8}.copy-state.is-error{color:#fca5a5}.detail-grid{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);gap:1rem;margin-top:1.25rem}.singing-order-list,.section-list,.report-list ul{margin:.75rem 0 0;padding:0}.singing-order-list{display:grid;gap:.5rem;list-style:none}.singing-order-list li,.section-detail{border:1px solid var(--app-border);border-radius:8px;background:#0d13218f}.singing-order-list li{display:grid;grid-template-columns:3rem minmax(0,1fr) 5rem;gap:.5rem;align-items:center;min-height:2.75rem;padding:.65rem}.singing-order-list span{color:var(--app-accent);font-weight:900}.section-list{display:grid;gap:.75rem}.section-detail{padding:.85rem}.section-detail div{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between}.section-detail p{margin:.75rem 0 0;color:var(--app-muted);line-height:1.5}.json-preview{max-height:32rem;margin:1rem 0 0;overflow:auto;padding:1rem;border:1px solid var(--app-border);border-radius:8px;background:#07101f;color:#dbeafe;font-size:.85rem;line-height:1.55}.report-lists{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.report-list{min-height:10rem;padding:1rem}.report-list ul{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none}.report-list li{padding:.3rem .5rem;border:1px solid var(--app-border);border-radius:999px;color:var(--app-muted);background:#0d13218f;font-size:.85rem}.hymnal-shell{display:grid;grid-template-columns:minmax(18rem,25rem) minmax(0,1fr);min-height:100vh}.hymnal-sidebar{position:sticky;top:0;display:flex;max-height:100vh;flex-direction:column;gap:1rem;padding:1rem;border-right:1px solid var(--app-border);background:#0d1321f0}.hymnal-brand{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hymnal-brand a:first-child{color:var(--app-text);font-size:1.1rem;font-weight:900;text-decoration:none}.hymnal-brand a:last-child{min-height:2.25rem;padding:.45rem .7rem;border:1px solid var(--app-border);border-radius:8px;color:var(--app-muted);text-decoration:none}.hymn-search{display:grid;gap:.45rem}.hymn-search label{color:var(--app-muted);font-weight:800}.hymn-search input{width:100%;min-height:3rem;padding:.8rem;border:1px solid var(--app-border);border-radius:8px;color:var(--app-text);background:#15213adb}.hymn-search span{color:var(--app-muted);font-size:.9rem}.hymnal-list{display:grid;gap:.4rem;overflow:auto;padding-right:.25rem}.hymnal-list-item{display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:.7rem;width:100%;min-height:3.2rem;align-items:center;padding:.45rem .55rem;border:1px solid transparent;border-radius:8px;color:var(--app-text);background:transparent;text-align:left;cursor:pointer}.hymnal-list-item:hover,.hymnal-list-item.is-active{border-color:var(--app-border);background:#15213ae6}.hymnal-list-item span{color:var(--app-accent);font-weight:900;text-align:right}.hymnal-list-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hymn-viewer{min-width:0;padding:clamp(1.25rem,4vw,3rem)}.hymn-viewer.empty-state{display:grid;min-height:100vh;align-content:center}.hymn-view-header{display:flex;align-items:start;justify-content:space-between;gap:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--app-border)}.hymn-view-header h1{max-width:18ch;font-size:clamp(2.6rem,7vw,6rem)}.hymn-view-header p{max-width:54rem;color:var(--app-muted);font-size:1.05rem;line-height:1.55}.hymn-nav-actions{display:flex;flex-wrap:wrap;gap:.5rem}.hymn-nav-actions button{min-height:2.75rem;padding:.7rem .9rem;border:1px solid var(--app-border);border-radius:8px;color:var(--app-text);background:#0d1321b8;font-weight:800;cursor:pointer}.hymn-nav-actions button:disabled{cursor:not-allowed;opacity:.45}.hymn-sections{display:grid;gap:1rem;max-width:58rem;margin-top:1.5rem}.hymn-section{padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--app-border);border-radius:8px;background:#15213ac7}.hymn-section-chorus{border-color:#f4d35e73;background:#f4d35e1a}.hymn-section header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem}.hymn-section header span{color:var(--app-accent);font-size:1rem;font-weight:900;text-transform:uppercase}.hymn-section header small{color:var(--app-muted)}.hymn-lines{display:grid;gap:.35rem}.hymn-lines p{margin:0;color:var(--app-text);font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.45}.projection-shell{position:relative;display:grid;min-height:100vh;overflow:hidden;color:var(--projection-text);background:var(--projection-bg);font-family:var(--projection-font-family)}.projection-slide{display:grid;min-height:100vh;align-content:center;justify-items:center;padding:clamp(2rem,7vw,6rem);text-align:center}.projection-title-slide{gap:1.25rem}.projection-title-slide p,.projection-title-slide span{margin:0;color:var(--projection-accent);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:900}.projection-title-slide h1{max-width:14ch;color:var(--projection-text);font-size:clamp(4rem,12vw,10rem);line-height:.95}.projection-slide header{display:grid;gap:.5rem;margin-bottom:clamp(1.5rem,4vw,3rem)}.projection-slide header span{color:var(--projection-accent);font-size:var(--projection-title-size);font-weight:900}.projection-slide header small{color:color-mix(in srgb,var(--projection-text) 70%,transparent);font-size:clamp(1rem,2vw,1.5rem)}.projection-lines{display:grid;gap:.45em;max-width:min(92vw,80rem)}.projection-lines p{margin:0;color:var(--projection-text);font-size:var(--projection-body-size);line-height:var(--projection-line-height)}.projection-controls{position:fixed;right:1rem;bottom:1rem;left:1rem;z-index:10;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;pointer-events:auto}.projection-controls button,.projection-missing button{min-height:3rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#fff;background:#0000008a;font-weight:900;cursor:pointer}.projection-controls button:disabled{cursor:not-allowed;opacity:.42}.projection-controls button.is-active{border-color:var(--projection-accent);color:#111827;background:var(--projection-accent)}.projection-overlay-black:after,.projection-overlay-white:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;content:""}.projection-overlay-black:after{background:#000}.projection-overlay-white:after{background:#fff}.projection-overlay-black .projection-controls,.projection-overlay-white .projection-controls{display:none}.projection-missing{display:grid;min-height:100vh;place-content:center;gap:1rem;padding:2rem;text-align:center}.projection-missing h1{font-size:clamp(2.5rem,8vw,6rem)}.offline-indicator{position:fixed;right:1rem;bottom:5rem;z-index:40;min-height:2.4rem;padding:.55rem .8rem;border:1px solid rgba(252,165,165,.34);border-radius:999px;color:#fee2e2;background:#7f1d1deb;box-shadow:0 14px 38px #00000042;font-size:.9rem;font-weight:900}.projection-settings{position:fixed;right:1rem;bottom:1rem;z-index:30;display:grid;justify-items:end;pointer-events:none}.settings-floating-button,.settings-panel button,.settings-panel select,.settings-panel input{font:inherit}.settings-floating-button{min-height:3rem;padding:.75rem 1rem;border:1px solid transparent;border-radius:999px;color:#111827;background:var(--app-accent);box-shadow:0 18px 48px #00000052;font-weight:900;cursor:pointer;pointer-events:auto}.settings-panel{width:min(calc(100vw - 2rem),28rem);max-height:min(42rem,calc(100vh - 6rem));margin-bottom:.75rem;overflow:auto;padding:1rem;border:1px solid var(--app-border);border-radius:8px;background:#15213afa;box-shadow:0 24px 80px #0000006b;pointer-events:auto}.settings-panel header{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.settings-panel h2{margin:0;font-size:1.35rem}.settings-panel header button,.settings-reset-button{min-height:2.5rem;padding:.55rem .75rem;border:1px solid var(--app-border);border-radius:8px;color:var(--app-text);background:#0d1321b8;font-weight:800;cursor:pointer}.settings-panel label{display:grid;gap:.5rem;margin-top:1rem;color:var(--app-muted);font-weight:800}.settings-panel select,.settings-panel input[type=range]{width:100%}.settings-range-row{display:grid;grid-template-columns:minmax(0,1fr) 5.5rem;gap:.75rem;align-items:center}.settings-range-row input[type=number]{min-height:2.5rem;padding:.4rem .5rem;border:1px solid var(--app-border);border-radius:8px;color:var(--app-text);background:#0d1321e6}.settings-panel select{min-height:2.75rem;padding:.65rem;border:1px solid var(--app-border);border-radius:8px;color:var(--app-text);background:#0d1321e6}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.settings-grid label{min-width:0}.settings-grid input[type=color]{width:100%;height:3rem;padding:.2rem;border:1px solid var(--app-border);border-radius:8px;background:#0d1321e6;cursor:pointer}.settings-preview{display:grid;aspect-ratio:16 / 9;align-content:center;gap:.8rem;margin-top:1rem;overflow:hidden;padding:1rem;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:8px;text-align:center}.settings-preview header{display:grid;gap:.2rem;margin:0}.settings-preview header span,.settings-preview header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-preview header span{font-size:.92rem;font-weight:900}.settings-preview header small{font-size:.78rem;font-weight:800;opacity:.86}.settings-preview-lines{display:grid;gap:.25em;min-width:0}.settings-preview-lines p{margin:0;overflow:hidden;overflow-wrap:anywhere;font-weight:800}.theme-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.theme-option{display:grid;grid-template-columns:1.4rem minmax(0,1fr);gap:.5rem;min-height:2.75rem;align-items:center;padding:.55rem .65rem;border:1px solid var(--app-border);border-radius:8px;color:var(--app-text);background:#0d1321b8;text-align:left;cursor:pointer}.theme-option.is-active{border-color:var(--app-accent)}.theme-option span{width:1.35rem;height:1.35rem;border:2px solid;border-radius:50%}.settings-reset-button{width:100%;margin-top:1rem}:fullscreen .projection-controls{opacity:0;transition:opacity .16s ease}:fullscreen .projection-controls:hover,:fullscreen .projection-controls:focus-within{opacity:1}@media (max-width: 720px){.app-shell{align-items:stretch;padding:1rem}.intro-panel{align-self:center;padding:1.5rem}.status-grid{grid-template-columns:1fr}.review-shell{padding:1rem}.review-header,.hymn-detail-header{align-items:stretch;flex-direction:column}.review-metrics,.report-lists,.review-layout,.detail-grid{grid-template-columns:1fr}.review-sidebar{position:static;max-height:none}.hymn-list{max-height:22rem}.singing-order-list li{grid-template-columns:3rem minmax(0,1fr)}.singing-order-list small{grid-column:2}.hymnal-shell{grid-template-columns:1fr}.hymnal-sidebar{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--app-border)}.hymnal-list{max-height:18rem}.hymn-view-header{flex-direction:column}.hymn-nav-actions{width:100%}.hymn-nav-actions button{flex:1}.projection-slide{padding:1.5rem}.projection-title-slide h1{font-size:clamp(3rem,16vw,6rem)}.projection-slide header span{font-size:clamp(2rem,10vw,3.5rem)}.projection-lines p{font-size:clamp(1.75rem,8vw,3rem)}.projection-controls{right:.75rem;bottom:.75rem;left:.75rem}.projection-controls button{flex:1 1 9rem}.projection-settings{right:.75rem;bottom:.75rem;left:.75rem}.offline-indicator{right:.75rem;bottom:4.75rem}.settings-panel{width:100%}.settings-grid,.theme-selector,.settings-range-row{grid-template-columns:1fr}}