@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Open+Sans:wght@400;600;700&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg-primary:#292d32;--bg-secondary:#292d32;--bg-tertiary:#30353b;--bg-glass:#292d32e6;--bg-surface:#292d32;--border-color:#ffffff0f;--border-strong:#ffffff1f;--page-bg:var(--bg-primary);--card-surface:#3a3f49;--app-backdrop:#17161d;--text-primary:#e4e6eb;--text-secondary:#b4b9c4;--text-muted:#8a919c;--color-brand:#0f5c8c;--color-brand-text:#5fa8d3;--color-brand-gradient:linear-gradient(135deg, #0f5c8c 0%, #0a3f63 100%);--color-brand-transparent:#0f5c8c1f;--color-brand-border:#0f5c8c4d;--color-brand-focus:0 0 0 3px #0f5c8c38;--color-accent-amber:#f2c400;--color-accent-emerald:#486b1f;--color-accent-rose:#c96a64;--color-accent-teal:#4c9e96;--color-green:#486b1f;--shadow-1:0 1px 3px #00000047;--shadow-2:0 8px 24px #0000004d;--shadow-3:0 14px 40px #0006;--shadow-premium:var(--shadow-2);--shadow-raised:var(--shadow-2);--shadow-inset:inset 0 1px 2px #00000059;--shadow-pressed:inset 0 1px 3px #00000073;--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--dur:.2s;--ease-out:cubic-bezier(.16, 1, .3, 1);--neumo-bg:var(--bg-secondary);--neumo-shadow-light:#383d44;--neumo-shadow-dark:#1a1c20;--neumo-out:6px 6px 12px var(--neumo-shadow-dark), -6px -6px 12px var(--neumo-shadow-light);--neumo-in:inset 6px 6px 12px var(--neumo-shadow-dark), inset -6px -6px 12px var(--neumo-shadow-light);--neumo-hover:4px 4px 8px var(--neumo-shadow-dark), -4px -4px 8px var(--neumo-shadow-light);--neumo-active:inset 4px 4px 8px var(--neumo-shadow-dark), inset -4px -4px 8px var(--neumo-shadow-light);--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-lyrics:"Inter", sans-serif;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s,border-color .3s}.light-theme{--bg-primary:#edeef3;--bg-secondary:#edeef3;--bg-tertiary:#e6e8ef;--bg-glass:#f5f6fae6;--bg-surface:#edeef3;--border-color:#e3e5ec;--border-strong:#d6d9e3;--page-bg:#f5f6fa;--card-surface:#fcfcfe;--app-backdrop:#e4e1f5;--text-primary:#2b2d38;--text-secondary:#62667a;--text-muted:#8a8da0;--color-brand:#0f5c8c;--color-brand-text:#0b4a73;--color-brand-gradient:linear-gradient(135deg, #0f5c8c 0%, #0a3f63 100%);--color-brand-transparent:#0f5c8c14;--color-brand-border:#0f5c8c2e;--color-brand-focus:0 0 0 3px #0f5c8c29;--color-accent-amber:#b38a00;--color-accent-emerald:#486b1f;--color-accent-rose:#bd5b54;--color-accent-teal:#3e8e86;--color-green:#486b1f;--shadow-1:0 1px 2px #1e20320d;--shadow-2:0 8px 24px #1e203214;--shadow-3:0 14px 36px #1e20321f;--shadow-premium:var(--shadow-2);--shadow-raised:var(--shadow-2);--neumo-bg:var(--bg-secondary);--neumo-shadow-light:#fff;--neumo-shadow-dark:#c3cadb;--neumo-out:4px 4px 10px var(--neumo-shadow-dark), -4px -4px 10px var(--neumo-shadow-light);--neumo-in:inset 3px 3px 7px var(--neumo-shadow-dark), inset -3px -3px 7px var(--neumo-shadow-light);--neumo-hover:3px 3px 8px var(--neumo-shadow-dark), -3px -3px 8px var(--neumo-shadow-light);--neumo-active:inset 2px 2px 5px var(--neumo-shadow-dark), inset -2px -2px 5px var(--neumo-shadow-light);--shadow-inset:inset 0 1px 3px #1e20320f;--shadow-pressed:inset 0 1px 4px #1e20321a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--app-backdrop,var(--page-bg));color:var(--text-primary);box-sizing:border-box;height:100vh;padding:0;overflow:hidden}#root{height:100vh;display:flex}button,input,textarea,select{color:inherit;font-family:inherit}h1,h2,h3,h4,h5,h6{letter-spacing:-.015em}:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.btn-press{transition:transform .12s,box-shadow .12s,filter .12s}.btn-press:active{filter:brightness(.97);transform:scale(.96)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.28s cubic-bezier(.16,1,.3,1) fadeInUp}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pop-in{animation:.2s cubic-bezier(.16,1,.3,1) popIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{width:100%;height:100%;color:var(--text-primary);box-shadow:none;border-radius:0;display:flex;position:relative;overflow:hidden}@media (width<=768px){.app-container{height:100dvh}}.nav-sidebar{--bg-primary:#0d0d10;--bg-secondary:#16161a;--bg-tertiary:#1d1d22;--text-primary:#f8fafc;--text-secondary:#aba8bc;--text-muted:#8b889c;--border-color:#ffffff14;--border-strong:#ffffff24;--neumo-shadow-light:#26262c;--neumo-shadow-dark:#060607;--neumo-in:inset 3px 3px 6px var(--neumo-shadow-dark), inset -3px -3px 6px var(--neumo-shadow-light);--color-brand-transparent:#0f5c8c38;--color-brand-text:#5fa8d3;z-index:15;background:#0d0d10;border-right:none;flex-direction:column;flex-shrink:0;width:260px;padding:10px 8px;transition:width .2s;display:flex;box-shadow:4px 0 20px #00000026}.nav-sidebar.collapsed{width:52px}.nav-sidebar-top{flex-direction:column;gap:2px;display:flex}.nav-sidebar-bottom{border-top:none;flex-direction:column;flex:1;gap:2px;min-height:0;padding-top:8px;display:flex;overflow:hidden}.nav-sidebar-brand{border-radius:var(--radius-sm);align-items:center;gap:6px;margin-bottom:10px;padding:10px 14px;display:flex}.nav-sidebar-brand:hover{background:var(--bg-tertiary)}.nav-sidebar-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:10px;font-family:inherit;font-size:15px;font-weight:500;display:flex;position:relative}.nav-sidebar-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-sidebar-btn.active{background:var(--bg-tertiary);color:#f5e663;box-shadow:var(--shadow-inset);border:none;font-weight:700}.nav-sidebar.collapsed .nav-sidebar-btn{justify-content:center;padding:9px}.nav-sidebar.collapsed .nav-sidebar-brand{justify-content:center;padding:8px}.mobile-dock.keyboard-open{display:none!important}.mobile-dock{z-index:9998;padding:8px 4px;padding-bottom:max(10px, env(safe-area-inset-bottom));--bg-tertiary:#2b2a38;--text-muted:#8b889c;--color-brand-transparent:#0f5c8c38;background:#1b1a22;border-top:1px solid #ffffff14;flex-direction:row;justify-content:center;gap:0;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-dock .dock-btn{min-height:44px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 2px;font-family:inherit;font-size:11px;font-weight:600;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}.mobile-dock .dock-btn.active{color:var(--color-brand-text);background:var(--color-brand-transparent)!important}.sidebar{background-color:var(--bg-secondary);z-index:10;border-right:none;flex-direction:column;flex-shrink:0;width:320px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s;display:flex;box-shadow:4px 0 20px #0000004d}.sidebar.hidden{position:absolute;transform:translate(-320px)}.sidebar-overlay,.mobile-preview-overlay{display:none}.sidebar-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1;display:none}.toggle-library-btn{display:inline-flex}.mobile-library-toggle{display:none!important}.main-content{background-color:var(--bg-primary);flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative;overflow:hidden}.top-bar{background-color:var(--bg-secondary);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;box-shadow:0 4px 15px #0000000d}.brand-title{letter-spacing:-.5px;background:var(--color-brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.search-container{border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px;display:flex}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{background-color:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-inset);outline:none;padding:10px 12px 10px 36px;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--color-brand);box-shadow:var(--shadow-inset), 0 0 0 1px var(--color-brand-border)}.search-icon{color:var(--text-muted);position:absolute;left:12px}.filter-tags{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-tag{background-color:var(--bg-tertiary);border:1px solid var(--border-strong);cursor:pointer;white-space:nowrap;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;box-shadow:2px 2px 6px #0000004d,-1px -1px 4px #ffffff08}.filter-tag.active{background:var(--bg-tertiary);color:var(--color-brand-text);border-color:var(--color-brand);box-shadow:var(--shadow-inset)}.song-list-scroll{flex-grow:1;padding:12px;overflow-y:auto}.song-item{border-radius:var(--radius-md);cursor:pointer;background-color:var(--bg-secondary);box-shadow:var(--neumo-out);border:none;flex-direction:column;gap:4px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.song-item:hover{background-color:var(--bg-tertiary);box-shadow:var(--neumo-out)}.song-item.active{background-color:var(--bg-tertiary);box-shadow:var(--neumo-in)}.song-item-title{color:var(--text-primary);text-transform:uppercase;font-size:15px;font-weight:600}.song-item-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.badge-key{color:var(--color-accent-amber);font-size:11px;font-weight:700;font-family:var(--font-mono);background-color:#f59e0b26;border-radius:4px;padding:2px 6px}.editor-layout{flex-grow:1;height:100%;display:flex;overflow:hidden}.editor-pane{border-right:1px solid var(--border-color);flex-direction:column;gap:16px;width:50%;padding:24px;display:flex;overflow:hidden}.preview-pane{background-color:var(--bg-primary);flex-direction:column;width:50%;padding:24px;display:flex;overflow-y:auto}.form-row{grid-template-columns:2fr 1fr 1fr;gap:12px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.form-control{padding:0 var(--space-2);background-color:var(--card-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);height:40px;font-size:14px;font-family:var(--font-sans);color:var(--text-primary);transition:box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);box-shadow:var(--shadow-inset);outline:none}.form-control::placeholder{color:var(--text-muted)}.form-control:focus{border-color:var(--color-brand);box-shadow:var(--shadow-inset), var(--color-brand-focus)}textarea.form-control{height:auto;padding:var(--space-2)}.song-textarea{min-height:350px;font-family:var(--font-lyrics);resize:none;flex-grow:1;padding:16px;font-size:14px;line-height:1.6}.toolbar-chords{border-bottom:1px solid var(--border-color);gap:8px;padding:4px 0;display:flex;overflow-x:auto}.toolbar-chord-btn{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;box-shadow:var(--neumo-out);border:none;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s}.toolbar-chord-btn:hover{background-color:var(--bg-surface);color:var(--color-brand-text);box-shadow:var(--neumo-out)}.toolbar-chord-btn:active{box-shadow:var(--neumo-in)}.chord-sheet{white-space:pre-wrap;flex-direction:column;gap:.6em;font-size:24px;line-height:normal;display:flex}.section-card-body{flex-direction:column;gap:.6em;padding:20px 24px;display:flex}.song-line{flex-wrap:wrap;align-items:flex-end;row-gap:.4em;margin-bottom:0;display:flex}.song-segment{vertical-align:bottom;margin-right:.12em;padding-top:1.4em;display:inline-block;position:relative}.chord-wrapper{color:var(--color-accent-amber);font-weight:700;line-height:1.1;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;font-size:1.08em;position:absolute;top:0;left:0}.chord-wrapper-flat{color:var(--text-primary);font-weight:700;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;white-space:nowrap;margin-right:.2em;font-size:.8em}.lyrics-text{white-space:pre;min-height:1.2em;color:var(--text-primary);font-weight:500;line-height:1.2;display:inline}.empty-line{height:.8em}.live-container{flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative;overflow:hidden}.live-scrollport{scroll-behavior:smooth;flex-grow:1;width:100%;max-width:1280px;margin:0 auto;padding:32px 24px 48px;overflow-y:auto}.swipe-hint{z-index:500;background:var(--color-brand);color:#fff;text-transform:uppercase;pointer-events:none;border-radius:100px;align-items:center;gap:6px;max-width:55vw;padding:10px 14px;font-size:12px;font-weight:800;display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 8px 24px #0000004d}.swipe-hint span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.swipe-hint-left{left:12px}.swipe-hint-right{right:12px}.live-song-title{letter-spacing:-1px;color:var(--text-primary);text-transform:uppercase;margin-bottom:8px;font-size:36px;font-weight:800}.live-song-artist{color:var(--text-secondary);align-items:center;gap:16px;margin-bottom:32px;font-size:18px;display:flex}.performance-dock{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-strong);z-index:100;border-top:none;border-left:none;border-right:none;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:none;padding:12px 24px;display:flex;position:relative;box-shadow:0 4px 20px #0000004d}.dock-group{align-items:center;gap:12px;display:flex}.dock-btn{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a!important}.dock-btn:hover{background-color:var(--bg-surface);box-shadow:var(--neumo-out)}.dock-btn:active{box-shadow:var(--neumo-in)}.dock-btn.active{background:var(--bg-tertiary);color:var(--color-brand-text);box-shadow:var(--neumo-in)}.follower-dock{z-index:500;background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;gap:4px;width:72px;padding:16px 8px;position:fixed;top:0;bottom:0;left:0;display:flex!important}.follower-dock .dock-btn{min-height:44px;box-shadow:none;color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:3px;padding:10px 4px;font-size:11px}.follower-dock .dock-btn.active{color:var(--color-brand-text);box-shadow:none;background:#e8862a1a;border:none}.follower-dock .dock-btn:hover{box-shadow:none;background:#e8862a0f}.has-follower-dock .main-content{margin-left:72px}@media (width<=768px){.follower-dock{width:auto;height:auto;padding:10px 12px;padding-bottom:max(14px, env(safe-area-inset-bottom));border-right:none;border-top:1px solid var(--border-color);z-index:9999;flex-direction:row;justify-content:center;inset:auto 0 0}.follower-dock .dock-btn{flex:1}.has-follower-dock .main-content{margin-left:0;padding-bottom:80px}}.dock-btn-play{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.dock-btn-play:hover{filter:brightness(1.1)}.transpose-indicator{font-family:var(--font-mono);color:var(--color-accent-amber);text-align:center;min-width:36px;font-weight:700}.scroll-speed-wrapper{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.slider-speed{width:100px;accent-color:var(--color-brand);cursor:pointer}.network-sync-card{background-color:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);flex-direction:column;gap:12px;margin-top:16px;padding:16px;display:flex}.network-header{justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.network-badge{text-transform:uppercase;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:800}.network-badge.online{color:var(--color-accent-emerald);background-color:#10b98126}.network-badge.follower{background-color:var(--color-brand-transparent);color:var(--color-brand-text)}.network-qr-container{border-radius:var(--radius-md);background-color:#fff;flex-direction:column;align-self:center;align-items:center;padding:12px;display:flex}.network-ip{color:var(--text-secondary);text-align:center;font-size:12px;font-family:var(--font-mono);word-break:break-all}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:calc(100% - 32px);max-width:500px;box-shadow:var(--shadow-raised), 0 0 60px #0006;flex-direction:column;gap:16px;padding:24px;display:flex}.modal-title{font-size:20px;font-weight:700}.modal-buttons{justify-content:flex-end;gap:12px;display:flex}.btn-primary,.btn-secondary,.btn-danger{height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.btn-primary:active,.btn-secondary:active,.btn-danger:active{box-shadow:var(--shadow-1);transform:scale(.98)}.btn-primary{background:var(--color-brand);color:#fff}.btn-primary:hover{background:#7c3aed}.btn-secondary{background-color:var(--card-surface);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-tertiary)}.btn-danger{background-color:var(--card-surface);color:var(--color-accent-rose);border-color:var(--color-accent-rose)}.btn-danger:hover{background:var(--color-accent-rose);color:#fff}.setlist-header{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;justify-content:space-between;align-items:center;padding:16px 16px 8px;font-size:12px;font-weight:700;display:flex}.setlist-section{border-top:1px solid var(--border-color);padding-top:8px}.setlist-btn-add{background-color:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:2px 6px}.setlist-select-wrapper{padding:0 16px 8px}.select-control{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;width:100%;padding:8px;font-size:13px}.follower-banner{background:var(--color-brand);color:#fff;justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.follower-sync-indicator{align-items:center;gap:6px;display:flex}.dot-pulse{background-color:var(--color-accent-emerald);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.9)}}.live-controls-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.stage-glare-shield{pointer-events:none;z-index:9999;mix-blend-mode:color-dodge;opacity:.03;background:radial-gradient(circle,#fff 0%,#0000 80%);position:fixed;inset:0}.live-scrollport{flex-direction:column;align-items:center;display:flex}.live-a4-page{background-color:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:850px;height:1200px;box-shadow:var(--shadow-raised);box-sizing:border-box;flex-direction:column;flex-shrink:0;margin:0 auto 40px;padding:40px 48px;display:flex;position:relative;overflow:hidden}.live-continuous-page{background-color:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:800px;box-shadow:var(--shadow-raised);box-sizing:border-box;flex-direction:column;margin:0 auto 40px;padding:40px 48px;display:flex;position:relative}.live-continuous-column{flex-direction:column;gap:20px;width:100%;display:flex}.live-page-running-header{border-bottom:1px solid var(--border-color);font-family:var(--font-sans);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:12px;font-size:13px;font-weight:700;display:flex}.live-page-running-header .running-title{color:var(--text-primary);text-transform:uppercase}.live-page-running-header .running-separator{color:var(--text-muted);opacity:.5}.live-page-running-header .running-artist{color:var(--text-secondary);font-weight:500}.live-a4-page-content{box-sizing:border-box;flex-grow:1;align-items:stretch;gap:28px;display:flex;overflow:hidden}.live-a4-column{box-sizing:border-box;flex-direction:column;flex:1;gap:20px;height:100%;display:flex;overflow:hidden}.section-card{box-sizing:border-box;border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-raised);transition:transform .2s,box-shadow .2s}.section-card:hover{transform:translateY(-1px);box-shadow:8px 8px 20px #00000080,-4px -4px 12px #ffffff0a}.live-a4-page-footer{border-top:1px solid var(--border-color);font-family:var(--font-sans);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;padding-top:12px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:24px;left:48px;right:48px}.live-a4-page,.live-a4-page-content,.live-a4-column{overflow:visible!important}.chord-wrapper.interactive{border-radius:4px;padding:1px 6px;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-block;top:-1px;left:-6px;pointer-events:auto!important}.chord-wrapper.interactive:hover{box-shadow:0 4px 12px var(--color-brand-border);color:#fff!important;background-color:var(--color-brand)!important}.light-theme .chord-wrapper.interactive:hover{color:#fff!important;background-color:var(--color-brand)!important}.chord-popover-container{z-index:2000;border:1.5px solid var(--color-brand-border);border-radius:var(--radius-md);pointer-events:auto;justify-content:center;align-items:center;width:170px;height:180px;padding:14px;animation:.22s cubic-bezier(.34,1.56,.64,1) popoverFadeIn;display:flex;position:absolute;bottom:130%;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000073;background-color:var(--bg-secondary)!important}.chord-popover-container:after{content:"";border-style:solid;border-width:8px;border-color:var(--color-brand-border) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%,12px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.sequence-badge-btn{outline:none}.sequence-badge-btn:hover{filter:brightness(1.15);transform:scale(1.22)translateY(-1px);box-shadow:0 6px 16px #89b09866}.sequence-badge-btn:active{transform:scale(1.05)}@media (width<=900px){.nav-sidebar{display:none!important}.mobile-dock{display:flex!important}.top-bar-live .topbar-context-info,.top-bar-live .topbar-live-session-btn{display:none!important}.top-bar-live{min-height:0;padding-top:4px;padding-bottom:4px;display:none}.mobile-library-toggle{display:flex!important}.live-scrollport{padding:16px 12px 80px;align-items:stretch!important;overflow-x:hidden!important}.live-scrollport.pdf-view{align-items:flex-start!important}.live-scrollport.pdf-view.pdf-zoomed{overflow-x:auto!important}.performance-dock{padding:0!important;padding-top:env(safe-area-inset-top)!important;white-space:normal!important;z-index:200!important;flex-direction:column!important;gap:0!important;width:100%!important;min-height:auto!important;position:sticky!important;top:0!important;overflow:visible!important}.dock-group{flex-shrink:0!important}.follower-banner{padding:4px 12px!important}.follower-banner .follower-sync-indicator span{font-size:10px}.follower-banner>div{flex-direction:row!important;gap:8px!important}.follower-banner>div>div:last-child{display:none!important}.performance-dock .dock-btn{padding:4px 8px!important;font-size:12px!important}.live-controls-top{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:16px!important}.live-song-artist{flex-wrap:wrap!important;gap:8px 12px!important;margin-bottom:20px!important}.live-a4-page,.live-continuous-page{height:auto;box-shadow:none;background:0 0;border:none;margin-bottom:32px;padding:0;overflow:visible!important}.live-a4-page-content{flex-direction:column;gap:10px;overflow:visible!important}.live-a4-column{gap:10px;height:auto;overflow:visible!important}.section-card{margin-bottom:0}.section-card-body{padding:14px 18px}.live-page-running-header{margin-bottom:16px;padding-bottom:8px;font-size:11px}.live-a4-page-footer{border-top:1px solid var(--border-color);margin-top:16px;padding-top:8px;font-size:10px;position:static}.sidebar{z-index:2100;width:290px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 24px #0006}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2050;background:#00000073;display:block;position:fixed;inset:0}.mobile-preview-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2200;background-color:#00000073;justify-content:flex-end;animation:.22s fadeInOverlay;display:flex;position:fixed;inset:0}.mobile-preview-content{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);box-sizing:border-box;flex-direction:column;width:85%;max-width:340px;height:100%;padding:16px;animation:.28s cubic-bezier(.16,1,.3,1) slideInDrawer;display:flex;box-shadow:-10px 0 40px #00000080}.sidebar-close-btn{display:block}.toggle-library-btn{display:inline-flex!important}.editor-layout{flex-direction:column!important;overflow-y:auto!important}.editor-pane{width:100%!important;height:auto!important;padding:calc(16px + env(safe-area-inset-top)) 16px 16px!important;border-right:none!important;overflow:visible!important}.preview-pane{display:none!important}.form-row{grid-template-columns:1fr!important;gap:12px!important}.editor-btn-label{display:none}.editor-action-btn{padding:8px!important}.song-meta-row{grid-template-columns:1fr 1fr!important}.auth-card{max-width:100%!important;margin:0 16px!important}.culto-detail-grid{grid-template-columns:1fr!important}.culto-detail-grid>div{border-bottom:1px solid var(--border-color);border-right:none!important}.culto-detail-grid>div:last-child{border-bottom:none}.top-bar{height:48px;padding:0 12px;padding-top:env(safe-area-inset-top)}.top-bar .dock-group{z-index:2000;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:6px 8px calc(6px + env(safe-area-inset-bottom));flex-shrink:0;justify-content:space-around;gap:4px;position:fixed;bottom:0;left:0;right:0;white-space:normal!important;display:flex!important;overflow:visible!important}.top-bar .dock-group .dock-btn{text-align:center;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;padding:6px 4px;font-size:10px}.top-bar .dock-group .dock-btn svg{margin-right:0!important}.top-bar .dock-group .dock-btn.active{color:var(--color-brand-text);background:#ff6b0026}.main-content{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.follower-top-bar{display:none!important}.top-bar>div:first-child{max-width:60%;overflow:hidden}.top-bar>div:first-child span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}}.options-drawer-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background-color:#00000073;justify-content:flex-end;animation:.22s fadeInOverlay;display:flex;position:fixed;inset:0}.options-drawer-content{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);flex-direction:column;width:320px;height:100%;animation:.28s cubic-bezier(.16,1,.3,1) slideInDrawer;display:flex;box-shadow:-10px 0 40px #00000080}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.drawer-header h3{letter-spacing:-.3px;color:var(--text-primary);font-size:15px;font-weight:800}.drawer-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.drawer-close-btn:hover{color:var(--text-primary)}.drawer-body{flex-direction:column;flex-grow:1;gap:22px;padding:20px;display:flex;overflow-y:auto}.drawer-section{border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;padding-bottom:18px;display:flex}.drawer-section:last-child{border-bottom:none;padding-bottom:0}.drawer-section h4{text-transform:uppercase;color:var(--color-brand-text);letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:800}.control-group{flex-direction:column;gap:6px;display:flex}.control-group label{color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:700}.segmented-control{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.segmented-control button{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:8px;font-size:11px;font-weight:600;transition:all .15s}.segmented-control button.active{background-color:var(--bg-tertiary);color:var(--text-primary);box-shadow:0 2px 6px #00000026}.sincro-flash-overlay{pointer-events:none;z-index:9999;border:8px solid var(--color-brand);box-shadow:inset 0 0 40px var(--color-brand-border);animation:1.2s cubic-bezier(.25,1,.5,1) forwards sincroFlashAnim;position:fixed;inset:0}@keyframes sincroFlashAnim{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.005)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideInDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.auth-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3000;background-color:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) fadeInOverlay;display:flex;position:fixed;inset:0}.auth-card{background-color:var(--card-surface);border:none;border-radius:26px;flex-direction:column;width:100%;max-width:440px;padding:36px;animation:.4s cubic-bezier(.34,1.56,.64,1) authCardScaleIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px -12px #0000002e}@keyframes authCardScaleIn{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.auth-logo-badge{background:var(--color-brand-transparent);border:1px solid var(--color-brand-border);border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.anim-pulse{animation:2s ease-in-out infinite pulseBrand}@keyframes pulseBrand{0%{opacity:.8;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 4px var(--color-brand));transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.auth-card h2{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:800}.auth-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.4}.auth-error{color:var(--color-accent-rose);border-radius:var(--radius-md);text-align:center;background-color:#e84a5f1a;border:1px solid #e84a5f40;margin-bottom:20px;padding:12px;font-size:13px;font-weight:500}.auth-form{flex-direction:column;gap:18px;display:flex}.input-group-auth{flex-direction:column;gap:6px;display:flex}.input-group-auth label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;font-size:11px;font-weight:700}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:var(--text-muted);position:absolute;left:14px}.input-with-icon input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:12px 14px 12px 42px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-with-icon input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-transparent)}.auth-submit-btn{background:var(--color-brand-gradient);border-radius:var(--radius-md);color:var(--bg-primary);cursor:pointer;border:none;justify-content:center;align-items:center;margin-top:8px;padding:14px;font-size:14px;font-weight:700;transition:transform .2s,opacity .2s;display:flex;box-shadow:0 4px 16px #89b09833}.auth-submit-btn:hover{opacity:.95;transform:translateY(-1px)}.auth-submit-btn:active{transform:translateY(1px)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:24px}.auth-switch-mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500;transition:color .2s}.auth-switch-mode-btn:hover{color:var(--color-brand-text);text-decoration:underline}.auth-security-badge{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:6px;margin-top:28px;padding-top:20px;font-size:10px;font-weight:600;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.culto-card-header{gap:10px!important;padding:14px 12px!important}.culto-date-box{border-radius:10px!important;width:44px!important;height:44px!important}.culto-date-box span:first-child{font-size:18px!important}.culto-date-box span:last-child{font-size:9px!important}.culto-detail-grid{grid-template-columns:1fr!important}.culto-detail-grid>div{border-bottom:1px solid var(--border-color);border-right:none!important}.culto-detail-grid>div:last-child{border-bottom:none}.live-page-running-header{flex-wrap:nowrap!important;gap:6px!important;margin-bottom:10px!important;padding-bottom:6px!important;font-size:10px!important}.live-page-running-header .running-title{text-overflow:ellipsis;white-space:nowrap;max-width:50vw;overflow:hidden;font-size:13px!important}}