:root{color-scheme:dark;--bg: #0f1420;--panel: #1a2231;--ink: #f2f5f9;--muted: #8a94a6;--accent: #e8b84b;--danger: #e06c6c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg);touch-action:manipulation;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit}h1,h2,p{overflow-wrap:anywhere}.screen{width:min(100%,720px);min-height:100vh;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.screen-header{display:flex;align-items:center;gap:12px}.screen-header h1{flex:1;margin:0;font-size:1.25rem;line-height:1.2}.library-header h1{font-size:1.6rem;color:var(--accent)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}h2{margin:10px 0 0;font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.hint{color:var(--muted);font-size:.92rem;margin:4px 0}.error{color:var(--danger);margin:0}.storage-error{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;max-width:520px;margin-inline:auto;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--danger);border-radius:10px;background:var(--panel);box-shadow:0 6px 20px #05080e80;font-size:.9rem}.storage-error p{margin:0;flex:1}.btn-primary,.btn-ghost,.btn-mini,.btn-nav{border-radius:8px;cursor:pointer;font-weight:600;color:var(--ink)}.btn-primary{border:1px solid var(--accent);background:var(--accent);color:#171205;padding:10px 18px}.btn-ghost{border:1px solid #33405a;background:transparent;padding:10px 18px}.btn-danger{border:1px solid var(--danger);border-radius:8px;background:var(--danger);color:#1c0808;padding:10px 18px;font-weight:600;cursor:pointer}.btn-big{padding:16px;font-size:1.05rem}.btn-mini{border:1px solid #33405a;background:var(--panel);padding:6px 10px;font-size:.85rem}.btn-mini:disabled{opacity:.35;cursor:default}.btn-mini.danger{color:var(--danger)}.btn-nav{flex:1;border:1px solid #33405a;background:var(--panel);padding:18px;font-size:1.1rem}.btn-nav:disabled{opacity:.35}.empty-state{margin-top:15vh;text-align:center;color:var(--muted)}.song-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.song-row{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid #26314a;border-radius:10px;padding:10px 12px}.song-open{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:none;background:none;color:var(--ink);text-align:left;cursor:pointer;padding:4px 0}.song-title{font-weight:600}.song-meta{color:var(--muted);font-size:.85rem}.library-tools{display:flex;gap:8px}.share-modal{display:flex;flex-direction:column;gap:14px}.share-link{width:100%;border:1px solid #33405a;border-radius:8px;background:var(--bg);color:var(--muted);padding:10px 12px;font-size:.8rem}.share-qr{align-self:center;border-radius:8px;background:#fff;padding:8px}.field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.9rem}.field input,.field textarea{border:1px solid #33405a;border-radius:8px;background:var(--panel);color:var(--ink);padding:12px}.field-grow{flex:1}.field-grow textarea{flex:1;min-height:40vh;resize:vertical;line-height:1.5}.suggestion{border:1px solid var(--accent);border-radius:10px;background:#e8b84b14;padding:12px 14px}.suggestion p{margin:0 0 10px;font-size:.92rem}.suggestion-actions{display:flex;gap:8px}.section-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.section-card{background:var(--panel);border:1px solid #26314a;border-radius:10px;padding:12px}.section-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.section-name{flex:1;min-width:130px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--accent);font-weight:700;padding:6px 8px}.section-name:focus{border-color:#33405a;background:var(--bg);outline:none}.section-card-actions{display:flex;gap:6px}.section-lines{display:flex;flex-direction:column}.section-edit{display:flex;flex-direction:column;gap:8px}.section-edit-text{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #33405a;border-radius:6px;background:var(--bg);color:var(--ink);padding:8px;font:inherit;line-height:1.4}.lyric-line{border:none;background:none;color:var(--ink);text-align:left;padding:2px 4px;line-height:1.5;cursor:default}.section-lines.splitting .lyric-line:not(:disabled){cursor:pointer;border-top:1px dashed #33405a}.section-lines.splitting .lyric-line:not(:disabled):hover{border-top-color:var(--accent);color:var(--accent)}.arrangement{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:arrangement}.arrangement-chip{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid #26314a;border-radius:8px;padding:8px 10px;counter-increment:arrangement}.arrangement-chip:before{content:counter(arrangement);color:var(--muted);font-size:.8rem;min-width:1.4em}.chip-label{flex:1;font-weight:600}.chip-buttons{display:flex;gap:4px}.present-screen{height:100vh;height:100dvh;min-height:0;overflow:hidden}.current-section{flex:1;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;animation:section-fade .22s ease-out}.current-label{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:700;margin:0 0 12px}.present-line{margin:0 0 .35em;font-size:clamp(1.3rem,5.5vw,2rem);font-weight:600;line-height:1.35}.progress{margin:0;text-align:center;color:var(--muted);font-size:.85rem}.section-buttons{display:flex;flex-wrap:wrap;gap:6px}.section-jump{border:1px solid #33405a;border-radius:999px;background:var(--panel);color:var(--ink);padding:8px 14px;font-size:.9rem;font-weight:600;cursor:pointer}.cast-status{margin:0;color:var(--danger);font-size:.85rem}.btn-ghost.casting{border-color:var(--accent);color:var(--accent)}.section-jump.active{border-color:var(--accent);background:var(--accent);color:#171205}.nav-buttons{display:flex;gap:10px}@keyframes section-fade{0%{opacity:0}to{opacity:1}}.library-search{width:100%;border:1px solid #33405a;border-radius:10px;background:var(--panel);color:var(--ink);padding:10px 12px;font-size:1rem}.library-search:focus{border-color:var(--accent);outline:none}.library-search::placeholder{color:var(--muted)}.setlist-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.setlist-head h2{margin:0}.setlist-songs,.setlist-library{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.setlist-row{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid #26314a;border-radius:10px;padding:10px 12px}.setlist-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setlist-title.missing{color:var(--muted);font-style:italic}.share-tips{border:1px solid #26314a;border-radius:8px;padding:8px 12px;font-size:.85rem}.share-tips summary{cursor:pointer;color:var(--accent);font-weight:600}.share-tips ul{margin:8px 0 4px;padding-left:18px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}.share-tips strong{color:var(--ink)}.app-footer{margin-top:auto;padding:20px 16px max(16px,env(safe-area-inset-bottom));text-align:center;font-size:.8rem}.app-footer a{color:var(--muted);text-decoration:none}.app-footer a:hover,.app-footer a:focus-visible{color:var(--ink);text-decoration:underline}.style-picker{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;padding:10px 12px;border:1px solid #26314a;border-radius:10px;background:var(--panel)}.style-group{display:flex;align-items:center;gap:6px}.style-label{color:var(--muted);font-size:.8rem;margin-right:4px}.theme-swatch{width:40px;height:32px;border:1px solid #33405a;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer}.theme-swatch.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.size-chip{min-width:34px;padding:6px 8px;border:1px solid #33405a;border-radius:8px;background:transparent;color:var(--ink);font-size:.85rem;font-weight:600;cursor:pointer}.size-chip.active{border-color:var(--accent);color:var(--accent)}.style-preview-wrap{display:flex;flex-direction:column;gap:4px;width:min(260px,100%);margin-inline:auto}.style-preview{container-type:size;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;padding:4px 6px;border:1px solid #33405a;border-radius:8px;overflow:hidden}.style-preview-lyrics{width:100%;max-height:100%;overflow:hidden;text-align:center}.style-preview-lyrics p{margin:0 0 .35em;font-weight:700;line-height:1.25;font-size:calc(.85rem * var(--lyrics-scale, 1) * var(--fit-scale, 1));font-size:calc(7.5cqmin * var(--lyrics-scale, 1) * var(--fit-scale, 1))}.style-preview-caption{margin:0;color:var(--muted);font-size:.75rem;text-align:center}.tv-mode{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1.5vmin 2.5vmin;cursor:default;user-select:none;-webkit-user-select:none}.tv-lyrics{width:100%;max-height:100%;overflow:hidden;text-align:center;animation:section-fade .22s ease-out}.tv-lyrics p{margin:0 0 .35em;font-size:calc(clamp(1.8rem,7.5vmin,5.5rem) * var(--lyrics-scale, 1) * var(--fit-scale, 1));font-weight:700;line-height:1.25}.tv-blank{position:fixed;inset:0}.tv-hint{position:fixed;inset:0;display:flex;align-items:stretch;background:#05080ec7;color:#f2f5f9;text-align:center;font-size:.95rem}.tv-hint p{margin:0}.tv-hint-zone{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;color:#c7cfdb}.tv-hint-big{font-size:1.3rem;font-weight:700;color:#f2f5f9}.tv-hint-center{flex:1.4;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px;border-left:1px dashed rgba(242,245,249,.3);border-right:1px dashed rgba(242,245,249,.3)}.tv-hint-dismiss{margin-top:8px;color:var(--accent);font-weight:600}.tv-picker{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:8px;background:#0f1420f5;border-top:1px solid #26314a;padding:10px 12px max(10px,env(safe-area-inset-bottom))}.tv-picker-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.tv-picker .blank-chip{border-style:dashed}.tv-picker .section-jump,.tv-picker .btn-ghost{padding:4px 10px;font-size:.72rem;font-weight:500;border-color:#26314a;background:transparent;color:var(--muted);max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-picker .section-jump.active{border-color:var(--accent);background:transparent;color:var(--accent)}.modal-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#05080e99;z-index:100}.modal{width:min(100%,420px);border-radius:12px;background:var(--panel);border:1px solid #26314a;padding:24px;box-shadow:0 24px 60px #00000080;outline:none}.modal-title{margin:0 0 10px;font-size:1.2rem}.modal-body{margin:0 0 20px;color:var(--muted);line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:560px){.screen{padding-inline:12px}}