@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";:root{--brand-blue: #006680;--brand-blue-hover: #004d61;--brand-green: #14C69B;--brand-green-hover: #10a883;--brand-gold: #DCBB11;--brand-red: #E53935;--brand-purple: #8E24AA;--brand-indigo: #3949AB;--font-scale: 1;--sidebar-width: 260px;--topbar-height: 64px;--player-height: 80px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-color: #F4F7FA;--bg-subtle: #EAEFF5;--surface-color: #FFFFFF;--surface-variant: #F0F4F8;--surface-hover: #E2E8F0;--surface-glass: rgba(255, 255, 255, .88);--primary: #006680;--primary-hover: #005066;--primary-light: #E1F5FE;--on-primary: #FFFFFF;--primary-container: #E1F5FE;--on-primary-container: #002F3C;--secondary: #14C69B;--secondary-container: #E0F7F4;--on-secondary-container: #004D40;--tertiary: #DCBB11;--tertiary-container: #FFF9E6;--on-tertiary-container: #5D4A00;--text-main: #0D1F2D;--text-muted: #556B7D;--text-subtle: #8A9EAD;--outline: rgba(176, 190, 197, .5);--outline-subtle: rgba(176, 190, 197, .25);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 18px;--border-radius-xl: 24px;--border-radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(13, 31, 45, .06);--shadow-md: 0 4px 16px rgba(13, 31, 45, .08);--shadow-lg: 0 10px 30px rgba(13, 31, 45, .12);--shadow-player: 0 -4px 20px rgba(13, 31, 45, .07);--shadow-modal: 0 20px 45px rgba(0, 0, 0, .2)}[data-theme=dark]{--bg-color: #081120;--bg-subtle: #0E1B2E;--surface-color: #112238;--surface-variant: #182C46;--surface-hover: #203857;--surface-glass: rgba(17, 34, 56, .92);--primary: #14C69B;--primary-hover: #1cdcb0;--primary-light: #0C3834;--on-primary: #081120;--primary-container: #0D3534;--on-primary-container: #A7F3D0;--secondary: #38B2AC;--secondary-container: #0E363A;--on-secondary-container: #99F6E4;--tertiary: #DCBB11;--tertiary-container: #3D350A;--on-tertiary-container: #FEF08A;--text-main: #F8FAFC;--text-muted: #94A3B8;--text-subtle: #64748B;--outline: rgba(71, 85, 105, .55);--outline-subtle: rgba(71, 85, 105, .3);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 18px;--border-radius-xl: 24px;--border-radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6);--shadow-player: 0 -4px 24px rgba(0, 0, 0, .5);--shadow-modal: 0 20px 45px rgba(0, 0, 0, .8)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-main);font-size:calc(15px * var(--font-scale));line-height:1.5;overflow:hidden;-webkit-user-select:text;user-select:text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;color:var(--text-main)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none;outline:none}#app{display:flex;width:100vw;height:100vh;height:100dvh;background-color:var(--bg-color);position:relative;overflow:hidden}.app-stage{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;position:relative;overflow:hidden}.main-viewport{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:var(--player-height)}.main-viewport::-webkit-scrollbar,.custom-scroll::-webkit-scrollbar{width:6px;height:6px}.main-viewport::-webkit-scrollbar-track,.custom-scroll::-webkit-scrollbar-track{background:transparent}.main-viewport::-webkit-scrollbar-thumb,.custom-scroll::-webkit-scrollbar-thumb{background:var(--outline);border-radius:4px}.main-viewport::-webkit-scrollbar-thumb:hover,.custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary)}.hidden{display:none!important}.fade-in{opacity:1}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:calc(var(--player-height) + 16px);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--surface-color);color:var(--text-main);border:1px solid var(--outline);box-shadow:var(--shadow-lg);padding:10px 22px;border-radius:var(--border-radius-full);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:8px;pointer-events:auto;animation:toastIn .25s var(--transition-smooth) forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.app-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;background-color:var(--surface-color);border-right:1px solid var(--outline-subtle);display:flex;flex-direction:column;justify-content:space-between;padding:20px 16px;-webkit-user-select:none;user-select:none;z-index:110;transition:transform var(--transition-normal)}@media(max-width:768px){.app-sidebar{display:none}}.sidebar-top{display:flex;flex-direction:column;gap:24px}.sidebar-brand{display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-md);transition:background-color var(--transition-fast)}.sidebar-brand:hover{background-color:var(--surface-variant)}.sidebar-logo{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:var(--shadow-sm)}.sidebar-titles{display:flex;flex-direction:column}.sidebar-title{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;color:var(--primary);line-height:1.2}.sidebar-badge{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:800;color:var(--secondary);letter-spacing:.12em;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--border-radius-md);color:var(--text-muted);font-size:.95rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;position:relative}.sidebar-nav-item svg{width:22px;height:22px;fill:currentColor;flex-shrink:0;transition:transform var(--transition-fast)}.sidebar-nav-item:hover{color:var(--text-main);background-color:var(--surface-variant);transform:translate(3px)}.sidebar-nav-item.active{color:var(--primary);background-color:var(--primary-container);font-weight:700}.sidebar-nav-item.active svg{color:var(--primary)}.sidebar-badge-count{margin-left:auto;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:var(--border-radius-full);background-color:var(--surface-variant);color:var(--text-muted)}.sidebar-nav-item.active .sidebar-badge-count{background-color:var(--primary);color:var(--on-primary)}.sidebar-bottom{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--outline-subtle)}.sidebar-theme-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:var(--surface-variant);border-radius:var(--border-radius-md);color:var(--text-main);font-size:.88rem;font-weight:600;transition:background-color var(--transition-fast)}.sidebar-theme-toggle:hover{background-color:var(--surface-hover)}.theme-toggle-left{display:flex;align-items:center;gap:10px}.theme-toggle-left svg{width:18px;height:18px;fill:currentColor}.theme-toggle-switch{width:36px;height:20px;border-radius:10px;background-color:var(--outline);position:relative;transition:background-color var(--transition-fast)}[data-theme=dark] .theme-toggle-switch{background-color:var(--primary)}.theme-toggle-dot{width:16px;height:16px;border-radius:50%;background-color:#fff;position:absolute;top:2px;left:2px;transition:transform var(--transition-fast)}[data-theme=dark] .theme-toggle-dot{transform:translate(16px);background-color:#081120}.sidebar-profile-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--border-radius-md);background-color:var(--bg-subtle);border:1px solid var(--outline-subtle);cursor:pointer;transition:all var(--transition-fast)}.sidebar-profile-card:hover{border-color:var(--primary);background-color:var(--surface-variant)}.sidebar-profile-info{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-profile-name{font-size:.88rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-sub{font-size:.72rem;color:var(--text-muted)}.app-header{height:var(--topbar-height);min-height:var(--topbar-height);background-color:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--outline-subtle);position:sticky;top:0;z-index:90;-webkit-user-select:none;user-select:none}@media(max-width:768px){.app-header{padding:0 16px}}.mobile-header-brand{display:none;align-items:center;gap:10px;cursor:pointer}@media(max-width:768px){.mobile-header-brand{display:flex}}.mobile-header-logo{width:38px;height:38px;border-radius:10px}.mobile-header-title{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:var(--primary);line-height:1.1}.mobile-header-sub{font-family:Outfit,sans-serif;font-size:.65rem;font-weight:800;color:var(--secondary);letter-spacing:.1em;text-transform:uppercase}.desktop-header-left{display:flex;align-items:center;gap:16px;flex:1;max-width:540px}@media(max-width:768px){.desktop-header-left{display:none}}.top-search-box{flex:1;display:flex;align-items:center;gap:10px;background-color:var(--surface-color);border:1px solid var(--outline);border-radius:var(--border-radius-full);padding:0 16px;height:42px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.top-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-container);background-color:var(--surface-color)}.top-search-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.top-search-input{flex:1;border:none;outline:none;background:transparent;font-size:.92rem;color:var(--text-main)}.top-search-input::placeholder{color:var(--text-subtle)}.top-search-shortcut{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;background-color:var(--surface-variant);color:var(--text-muted);border:1px solid var(--outline-subtle)}.search-clear-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;background-color:var(--surface-variant);color:var(--text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:all var(--transition-fast)}.search-clear-btn:hover{background-color:var(--outline);color:var(--text-main)}.search-clear-btn svg{width:14px;height:14px;fill:currentColor}.header-actions{display:flex;align-items:center;gap:8px}.header-action-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-main);background-color:var(--surface-color);border:1px solid var(--outline-subtle);transition:all var(--transition-fast)}.header-action-btn:hover{background-color:var(--surface-variant);color:var(--primary);transform:scale(1.05)}.header-action-btn:active{transform:scale(.95)}.header-action-btn svg{width:20px;height:20px;fill:currentColor}.user-avatar-badge{width:38px;height:38px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:700;font-size:1rem;color:#fff;overflow:hidden;box-shadow:0 2px 6px #0000001f;border:2px solid var(--surface-color);background-color:var(--brand-green)}.user-avatar-badge img{width:100%;height:100%;object-fit:cover}.bottom-nav{display:none;height:60px;min-height:60px;background-color:var(--surface-color);border-top:1px solid var(--outline-subtle);align-items:center;justify-content:space-around;padding:0 8px;position:relative;z-index:100;-webkit-user-select:none;user-select:none}@media(max-width:768px){.bottom-nav{display:flex}}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;color:var(--text-muted);text-decoration:none;border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer}.nav-item .icon-wrapper{width:44px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);transition:all var(--transition-normal)}.nav-item svg{width:20px;height:20px;fill:currentColor}.nav-item .nav-label{font-size:.7rem;font-weight:600;letter-spacing:.01em}.nav-item.active{color:var(--primary)}.nav-item.active .icon-wrapper{background-color:var(--primary-container);color:var(--primary)}.nav-item.active .nav-label{color:var(--primary);font-weight:700}.view-content-wrapper{padding:24px 32px 40px;max-width:1200px;margin:0 auto;width:100%}@media(max-width:768px){.view-content-wrapper{padding:16px 16px 30px}}.view-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.view-heading{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;color:var(--text-main);line-height:1.2}.view-subheading{font-size:.88rem;color:var(--text-muted);font-weight:500}.view-actions-group{display:flex;align-items:center;gap:10px}.mobile-search-bar{display:none;margin-bottom:16px}@media(max-width:768px){.mobile-search-bar{display:block}}.mobile-search-box{display:flex;align-items:center;gap:10px;background-color:var(--surface-color);border:1px solid var(--outline);border-radius:var(--border-radius-md);padding:0 14px;height:46px;box-shadow:var(--shadow-sm)}.mobile-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-container)}.mobile-search-input{flex:1;border:none;outline:none;background:transparent;font-size:.92rem;color:var(--text-main)}.category-modes-bar{display:flex;align-items:center;gap:8px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.category-modes-bar::-webkit-scrollbar{display:none}.chip-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--border-radius-full);font-size:.88rem;font-weight:600;background-color:var(--surface-color);border:1px solid var(--outline);color:var(--text-muted);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer}.chip-btn:hover{border-color:var(--primary);color:var(--text-main)}.chip-btn.active{background-color:var(--primary-container);border-color:var(--primary);color:var(--on-primary-container);font-weight:700}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:10px}.category-card{background-color:var(--surface-color);border:1px solid var(--outline-subtle);border-radius:var(--border-radius-lg);padding:24px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.category-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary-container),transparent);opacity:.3;pointer-events:none}.category-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-md)}.category-card:active{transform:scale(.98)}.category-card-icon{width:44px;height:44px;border-radius:50%;background-color:var(--primary-container);color:var(--primary);display:flex;align-items:center;justify-content:center}.category-card-icon svg{width:24px;height:24px;fill:currentColor}.category-card-title{font-family:Outfit,sans-serif;font-size:1.02rem;font-weight:700;color:var(--text-main);line-height:1.25;word-break:break-word}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.category-header-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-main);background-color:var(--surface-color);border:1px solid var(--outline-subtle);transition:all var(--transition-fast)}.category-header-back:hover{background-color:var(--surface-variant);color:var(--primary)}.category-header-title{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;color:var(--primary)}.hymns-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}@media(max-width:600px){.hymns-grid-container{grid-template-columns:1fr;gap:8px}}.hymn-grid-item{display:flex;align-items:center;padding:14px 16px;gap:14px;background-color:var(--surface-color);border:1px solid var(--outline-subtle);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;position:relative}.hymn-grid-item:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md)}.hymn-grid-item:active{transform:scale(.98)}.hymn-number-badge{width:44px;height:44px;border-radius:12px;background-color:var(--primary-container);color:var(--primary);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:800;font-size:1.05rem;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--outline-subtle)}.hymn-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.hymn-title{font-size:.98rem;font-weight:600;color:var(--text-main);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hymn-subtitle{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hymn-item-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.hymn-audio-icon{width:22px;height:22px;color:var(--primary);display:flex;align-items:center;justify-content:center}.hymn-audio-icon svg{width:18px;height:18px;fill:currentColor}.hymn-fav-icon{width:22px;height:22px;color:var(--brand-red);display:flex;align-items:center;justify-content:center}.hymn-fav-icon svg{width:18px;height:18px;fill:currentColor}mark.search-highlight{background-color:var(--primary-container);color:var(--on-primary-container);padding:1px 4px;border-radius:4px;font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;color:var(--text-muted);gap:16px}.empty-state-icon{width:64px;height:64px;color:var(--primary);opacity:.5}.empty-state-icon svg{width:64px;height:64px;fill:currentColor}.empty-state-title{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:var(--text-main)}.empty-state-desc{font-size:.92rem;max-width:360px;line-height:1.45}.hymn-detail-view{display:flex;flex-direction:column;flex:1;background-color:var(--bg-color);padding-bottom:calc(var(--player-height) + 40px)}.detail-top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background-color:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--outline-subtle);position:sticky;top:0;z-index:20}@media(max-width:768px){.detail-top-bar{padding:10px 16px}}.detail-actions{display:flex;align-items:center;gap:8px}.action-icon-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--border-radius-full);color:var(--text-main);background-color:var(--surface-color);border:1px solid var(--outline-subtle);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.action-icon-btn:hover{background-color:var(--surface-variant);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-icon-btn:active{transform:scale(.95)}.action-icon-btn svg{width:22px;height:22px;fill:currentColor}.action-icon-btn.is-fav{color:var(--brand-red)}.hymn-content{padding:32px 32px 60px;max-width:820px;margin:0 auto;width:100%}@media(max-width:768px){.hymn-content{padding:20px 16px 40px}}.detail-header-badge{display:inline-flex;align-items:center;padding:6px 16px;border-radius:var(--border-radius-full);background-color:var(--primary-container);color:var(--primary);font-family:Outfit,sans-serif;font-weight:800;font-size:.95rem;letter-spacing:.05em;margin-bottom:14px}.detail-hymn-title{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;line-height:1.2;color:var(--text-main);margin-bottom:18px}@media(max-width:768px){.detail-hymn-title{font-size:1.7rem}}.detail-tags-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--border-radius-full);font-size:.85rem;font-weight:600}.tag-category{background-color:var(--secondary-container);color:var(--on-secondary-container)}.tag-key{background-color:var(--tertiary-container);color:var(--on-tertiary-container)}.tag-mood{background-color:var(--surface-variant);color:var(--text-muted)}.detail-quick-actions-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.quick-action-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--border-radius-full);font-family:Outfit,sans-serif;font-size:.92rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--outline-subtle);background:var(--surface-color);color:var(--text-main);box-shadow:var(--shadow-sm)}.quick-action-pill svg{width:18px;height:18px;fill:currentColor}.quick-action-pill.pill-present{background:linear-gradient(135deg,#0284c71f,#0ea5e933);border-color:#0284c759;color:#0284c7}[data-theme=dark] .quick-action-pill.pill-present{background:linear-gradient(135deg,#38bdf826,#2563eb40);border-color:#38bdf866;color:#38bdf8}.quick-action-pill.pill-reel{background:linear-gradient(135deg,#d946ef1f,#a855f733);border-color:#d946ef59;color:#c026d3}[data-theme=dark] .quick-action-pill.pill-reel{background:linear-gradient(135deg,#f472b626,#c026d340);border-color:#f472b666;color:#f472b6}.quick-action-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-action-pill:active{transform:scale(.96)}.bible-card{display:flex;gap:14px;padding:18px 20px;background-color:var(--surface-color);border:1px solid var(--outline-subtle);border-left:4px solid var(--secondary);border-radius:var(--border-radius-md);margin-bottom:28px;box-shadow:var(--shadow-sm)}.bible-icon{width:24px;height:24px;color:var(--secondary);flex-shrink:0;margin-top:2px}.bible-icon svg{width:24px;height:24px;fill:currentColor}.bible-content{display:flex;flex-direction:column;gap:4px}.bible-text{font-style:italic;font-size:.96rem;line-height:1.5;color:var(--text-main)}.bible-ref{font-weight:700;font-size:.85rem;color:var(--secondary)}.detail-player-card{background-color:var(--surface-color);border:1px solid var(--outline-subtle);border-radius:var(--border-radius-lg);padding:18px 22px;margin-bottom:28px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.detail-player-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.player-card-header{display:flex;align-items:center;justify-content:space-between}.player-info{display:flex;align-items:center;gap:14px}.player-music-icon{width:40px;height:40px;border-radius:50%;background-color:var(--primary-container);color:var(--primary);display:flex;align-items:center;justify-content:center}.player-music-icon svg{width:22px;height:22px;fill:currentColor}.player-title{font-family:Outfit,sans-serif;font-weight:700;font-size:1.05rem;color:var(--text-main)}.player-subtitle{font-size:.82rem;color:var(--text-muted)}.player-controls-row{display:flex;align-items:center;gap:10px}.player-btn-prev,.player-btn-next{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--primary);border-radius:50%;transition:all var(--transition-fast)}.player-btn-prev:hover,.player-btn-next:hover{background-color:var(--surface-variant);transform:scale(1.1)}.player-btn-prev:disabled,.player-btn-next:disabled{opacity:.3;cursor:not-allowed;transform:none}.player-btn-prev svg,.player-btn-next svg{width:22px;height:22px;fill:currentColor}.player-btn-play{width:50px;height:50px;border-radius:50%;background-color:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),background-color var(--transition-fast);box-shadow:var(--shadow-sm)}.player-btn-play:hover{transform:scale(1.08);background-color:var(--primary-hover)}.player-btn-play:active{transform:scale(.95)}.player-btn-play svg{width:26px;height:26px;fill:currentColor}.player-seekbar-row{display:flex;flex-direction:column;gap:6px}.player-seekbar{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--outline-subtle);border-radius:3px;outline:none;cursor:pointer}.player-seekbar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.player-seekbar::-webkit-slider-thumb:hover{transform:scale(1.3)}.player-times{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted);font-weight:600}.tone-variants-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--outline-subtle)}.tone-label{font-size:.88rem;font-weight:700;color:var(--text-main)}.tone-chip{padding:6px 14px;border-radius:var(--border-radius-full);font-size:.82rem;font-weight:600;background-color:var(--surface-variant);color:var(--text-muted);border:1px solid var(--outline-subtle);transition:all var(--transition-fast);cursor:pointer}.tone-chip:hover{color:var(--text-main);border-color:var(--primary)}.tone-chip.active{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary);font-weight:700}.lyrics-container{display:flex;flex-direction:column;gap:24px;margin-bottom:36px}.verse-block{display:flex;flex-direction:column;gap:6px;padding:8px 0}.verse-number{font-family:Outfit,sans-serif;font-weight:800;font-size:1.25rem;color:var(--secondary)}.verse-text{font-size:1.15rem;line-height:1.75;color:var(--text-main);white-space:pre-line}.chorus-card{background-color:var(--surface-color);border:1px solid var(--outline-subtle);border-left:5px solid var(--primary);border-radius:4px var(--border-radius-md) var(--border-radius-md) 4px;padding:18px 24px;position:relative;background:linear-gradient(135deg,var(--primary-container),transparent);box-shadow:var(--shadow-sm)}.chorus-label{font-family:Outfit,sans-serif;font-size:.82rem;font-weight:800;letter-spacing:.12em;color:var(--primary);text-transform:uppercase;margin-bottom:8px}.chorus-text{font-style:italic;font-size:1.15rem;line-height:1.75;color:var(--on-primary-container);white-space:pre-line}.reading-paragraph{font-size:1.15rem;line-height:1.75;color:var(--text-main);margin-bottom:20px;text-align:justify}.footnotes-card{background-color:var(--surface-color);border:1px solid var(--outline-subtle);border-left:5px solid var(--tertiary);border-radius:4px var(--border-radius-md) var(--border-radius-md) 4px;padding:16px 20px;margin-bottom:28px;background:linear-gradient(135deg,var(--tertiary-container),transparent)}.footnote-item{font-style:italic;font-size:.92rem;line-height:1.55;color:var(--on-tertiary-container)}.hymn-credits-footer{padding-top:28px;margin-top:28px;border-top:1px solid var(--outline-subtle);display:flex;flex-direction:column;gap:8px;text-align:center}.credit-line{font-size:.85rem;color:var(--text-muted);line-height:1.5}.web-bottom-player{position:absolute;bottom:0;left:0;right:0;height:var(--player-height);background-color:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--outline-subtle);box-shadow:var(--shadow-player);z-index:105;display:flex;align-items:center;justify-content:space-between;padding:0 24px;-webkit-user-select:none;user-select:none;animation:slideUp .25s var(--transition-smooth) forwards}@media(max-width:768px){.web-bottom-player{bottom:60px;padding:0 14px;height:68px;border-top:1px solid var(--outline)}}.player-track-meta{display:flex;align-items:center;gap:14px;width:280px;max-width:30%;cursor:pointer}@media(max-width:768px){.player-track-meta{flex:1;max-width:none;width:auto}}.player-artwork{width:48px;height:48px;border-radius:var(--border-radius-sm);background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:var(--on-primary);flex-shrink:0;box-shadow:var(--shadow-sm)}.player-artwork svg{width:24px;height:24px;fill:currentColor}.player-text-details{display:flex;flex-direction:column;gap:2px;min-width:0}.player-track-tag{font-size:.72rem;font-weight:700;color:var(--primary);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track-title{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-btn-fav{color:var(--text-muted);transition:color var(--transition-fast),transform var(--transition-fast);padding:6px;display:flex;align-items:center;justify-content:center}.player-btn-fav:hover{color:var(--brand-red);transform:scale(1.15)}.player-btn-fav.is-fav{color:var(--brand-red)}.player-btn-fav svg{width:20px;height:20px;fill:currentColor}@media(max-width:768px){.player-btn-fav{display:none}}.player-center-controls{flex:1;max-width:580px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 16px}@media(max-width:768px){.player-center-controls{flex:none;max-width:none;padding:0}}.player-transport-buttons{display:flex;align-items:center;gap:12px}.player-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-main);transition:all var(--transition-fast)}.player-icon-btn:hover{background-color:var(--surface-variant);color:var(--primary);transform:scale(1.08)}.player-icon-btn:disabled{opacity:.25;cursor:not-allowed;transform:none}.player-icon-btn svg{width:20px;height:20px;fill:currentColor}.player-main-play-btn{width:44px;height:44px;border-radius:50%;background-color:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.player-main-play-btn:hover{background-color:var(--primary-hover);transform:scale(1.08)}.player-main-play-btn:active{transform:scale(.95)}.player-main-play-btn svg{width:22px;height:22px;fill:currentColor}.player-timeline-bar{display:flex;align-items:center;gap:10px;width:100%}@media(max-width:768px){.player-timeline-bar{display:none}}.player-time-current,.player-time-total{font-size:.75rem;color:var(--text-muted);font-weight:600;min-width:36px;text-align:center}.player-timeline-slider{flex:1;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--outline-subtle);border-radius:3px;outline:none;cursor:pointer}.player-timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary);cursor:pointer;transition:transform var(--transition-fast)}.player-timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.4)}.player-mobile-progress{display:none;position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--outline-subtle)}@media(max-width:768px){.player-mobile-progress{display:block}}.player-mobile-progress-fill{height:100%;background-color:var(--primary);width:0%;transition:width .1s linear}.player-right-tools{display:flex;align-items:center;gap:10px;width:240px;max-width:25%;justify-content:flex-end}@media(max-width:768px){.player-right-tools{display:none}}.player-tones-select-wrapper{position:relative}.player-tone-badge-btn{padding:4px 10px;border-radius:var(--border-radius-full);background-color:var(--surface-variant);border:1px solid var(--outline-subtle);color:var(--text-main);font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:4px;transition:all var(--transition-fast)}.player-tone-badge-btn:hover{border-color:var(--primary);color:var(--primary)}.player-btn-close{color:var(--text-muted);padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.player-btn-close:hover{color:var(--text-main);background-color:var(--surface-variant)}.player-btn-close svg{width:18px;height:18px;fill:currentColor}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000;animation:fadeIn .2s ease-out}.modal-dialog{background-color:var(--surface-color);border:1px solid var(--outline);border-radius:var(--border-radius-xl);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--outline-subtle)}.modal-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:var(--primary)}.modal-title.title-error{color:var(--brand-red)}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-muted);transition:all var(--transition-fast)}.modal-close-btn:hover{background-color:var(--surface-variant);color:var(--text-main)}.modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--outline-subtle);background-color:var(--surface-variant)}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.form-input{width:100%;height:48px;padding:0 14px;border-radius:var(--border-radius-md);border:1px solid var(--outline);background-color:var(--bg-color);color:var(--text-main);outline:none;font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-container)}.profile-avatar-editor{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-upload-box{width:90px;height:90px;border-radius:50%;position:relative;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-md);border:3px solid var(--surface-color);display:flex;align-items:center;justify-content:center}.avatar-upload-box img{width:100%;height:100%;object-fit:cover}.avatar-initial{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700;color:#fff}.avatar-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity var(--transition-fast)}.avatar-upload-box:hover .avatar-upload-overlay{opacity:1}.avatar-colors-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;padding:2px;transition:transform var(--transition-fast),border-color var(--transition-fast)}.color-option:hover{transform:scale(1.15)}.color-option.selected{border-color:var(--primary);transform:scale(1.15)}.color-circle-inner{width:100%;height:100%;border-radius:50%}.segmented-group{display:flex;gap:8px;width:100%}.segmented-btn{flex:1;padding:10px 8px;border-radius:var(--border-radius-md);border:1px solid var(--outline);background-color:var(--bg-color);color:var(--text-muted);font-size:.88rem;font-weight:600;text-align:center;transition:all var(--transition-fast);cursor:pointer}.segmented-btn:hover{border-color:var(--primary);color:var(--text-main)}.segmented-btn.active{background-color:var(--primary-container);color:var(--on-primary-container);border-color:var(--primary);font-weight:700}.btn-primary{padding:8px 18px;border-radius:var(--border-radius-md);background-color:var(--primary);color:var(--on-primary);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:none;cursor:pointer;width:auto;max-width:fit-content;white-space:nowrap;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary:active{transform:scale(.97)}.btn-compact{padding:7px 14px;height:36px;font-size:.86rem;font-weight:600;width:auto;max-width:fit-content;white-space:nowrap;border-radius:var(--border-radius-full);flex-shrink:0}.btn-compact svg{width:17px;height:17px}.btn-danger{background-color:var(--brand-red);color:#fff}.btn-danger:hover{background-color:#d32f2f}.btn-outlined{padding:8px 18px;border-radius:var(--border-radius-md);border:1px solid var(--outline);background-color:transparent;color:var(--text-main);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:all var(--transition-fast)}.btn-outlined:hover{background-color:var(--surface-variant);border-color:var(--text-muted)}.btn-text{padding:8px 16px;color:var(--text-muted);font-weight:600;font-size:.9rem;border-radius:var(--border-radius-md);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast)}.btn-text:hover{background-color:var(--surface-variant);color:var(--text-main)}.modal-target-hymn-pill{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:4px 10px;background-color:var(--surface-variant);border:1px solid var(--outline-subtle);border-radius:var(--border-radius-full);font-size:.82rem;color:var(--text-muted)}.modal-target-badge{font-family:Outfit,sans-serif;font-weight:800;color:var(--primary);font-size:.85rem}.modal-target-title{font-weight:600;color:var(--text-main);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-quick-create-box{display:flex;flex-direction:column;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--outline-subtle)}.modal-section-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.modal-create-row{display:flex;align-items:center;gap:8px}.modal-create-input{flex:1;height:38px;font-size:.9rem;padding:0 12px}.modal-playlists-section{display:flex;flex-direction:column;gap:8px}.playlist-modal-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;padding-right:2px}.modal-empty-playlists{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 12px;color:var(--text-muted);font-size:.88rem}.playlist-select-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:var(--surface-variant);border:1px solid var(--outline-subtle);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.playlist-select-item:hover{border-color:var(--primary);background-color:var(--surface-hover);transform:translateY(-1px)}.playlist-select-item.contains-hymn{border-color:var(--primary);background-color:var(--primary-container)}.playlist-select-info{display:flex;align-items:center;gap:10px;min-width:0}.playlist-select-icon{width:32px;height:32px;border-radius:8px;background-color:var(--surface-color);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.playlist-select-icon svg{width:18px;height:18px;fill:currentColor}.playlist-select-name{font-family:Outfit,sans-serif;font-weight:700;font-size:.94rem;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.playlist-select-count{font-size:.78rem;color:var(--text-muted)}.playlist-select-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--border-radius-full);font-size:.8rem;font-weight:700;border:1px solid var(--outline);background-color:var(--surface-color);color:var(--text-muted);transition:all var(--transition-fast);flex-shrink:0;cursor:pointer}.playlist-select-btn:hover{border-color:var(--primary);color:var(--primary)}.playlist-select-btn.active{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.playlist-select-btn svg{width:14px;height:14px;fill:currentColor}.info-view-container{display:flex;flex-direction:column;align-items:center;padding:10px 0 40px;gap:20px;max-width:760px;margin:0 auto;width:100%}.info-hero{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:12px}.info-logo{width:110px;height:110px;border-radius:24px;box-shadow:var(--shadow-md)}.info-title{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;color:var(--primary);text-align:center;line-height:1.2}.info-subtitle{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.16em;color:var(--secondary);text-transform:uppercase;text-align:center}.info-card{background-color:var(--surface-color);border:1px solid var(--outline-subtle);border-radius:var(--border-radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px;width:100%;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary-container),transparent);opacity:.25;pointer-events:none}.info-card-header{display:flex;align-items:center;gap:12px}.info-card-icon{width:36px;height:36px;border-radius:50%;background-color:var(--primary-container);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-card-icon svg{width:20px;height:20px;fill:currentColor}.info-card-title{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text-main)}.info-card-text{font-size:.95rem;line-height:1.6;color:var(--text-main)}.info-card-link{color:var(--primary);font-weight:700;text-decoration:underline;cursor:pointer;transition:opacity var(--transition-fast)}.info-card-link:hover{opacity:.8}.playlists-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:0;margin-top:10px}@media(max-width:600px){.playlists-container{grid-template-columns:1fr}}.playlist-card{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;background-color:var(--surface-color);border:1px solid var(--outline-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.playlist-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-md)}.playlist-card-info{display:flex;flex-direction:column;gap:4px}.playlist-card-name{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text-main)}.playlist-card-count{font-size:.85rem;color:var(--text-muted)}.playlist-card-delete-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--brand-red);background-color:transparent;opacity:.75;transition:all var(--transition-fast)}.playlist-card-delete-btn:hover{opacity:1;background-color:#e539351f;transform:scale(1.1)}.playlist-card-delete-btn svg{width:20px;height:20px;fill:currentColor}.playlist-detail-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.playlist-detail-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary);flex:1}.playlist-hymn-actions{display:flex;align-items:center;gap:4px}.playlist-reorder-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);transition:all var(--transition-fast)}.playlist-reorder-btn:hover{background-color:var(--surface-variant);color:var(--text-main);transform:scale(1.1)}.playlist-reorder-btn:disabled{opacity:.2;cursor:not-allowed;transform:none}.playlist-reorder-btn svg{width:18px;height:18px;fill:currentColor}.fab-btn{display:none;position:fixed;bottom:84px;right:20px;width:56px;height:56px;border-radius:50%;background-color:var(--primary);color:var(--on-primary);align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:80;transition:transform var(--transition-fast),background-color var(--transition-fast);cursor:pointer}@media(max-width:768px){.fab-btn{display:flex}}.fab-btn:hover{transform:scale(1.08);background-color:var(--primary-hover)}.fab-btn:active{transform:scale(.95)}.fab-btn svg{width:28px;height:28px;fill:currentColor}.presentation-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .4s ease,color .4s ease}.presentation-fullscreen[data-presentation-theme=dark-oled]{background:#02060d;color:#f8fafc}.presentation-fullscreen[data-presentation-theme=dark-oled] .pres-chorus-badge{background:#f59e0b2e;color:#fbbf24;border-color:#f59e0b66}.presentation-fullscreen[data-presentation-theme=dark-oled] .pres-verse-label{color:#38bdf8}.presentation-fullscreen[data-presentation-theme=deep-navy]{background:radial-gradient(circle at center,#0f2b48,#061527);color:#f1f5f9}.presentation-fullscreen[data-presentation-theme=deep-navy] .pres-chorus-badge{background:#38bdf833;color:#38bdf8;border-color:#38bdf866}.presentation-fullscreen[data-presentation-theme=deep-navy] .pres-verse-label{color:#818cf8}.presentation-fullscreen[data-presentation-theme=sapphire-sky]{background:radial-gradient(circle at center,#075985,#022438);color:#f0f9ff}.presentation-fullscreen[data-presentation-theme=sapphire-sky] .pres-chorus-badge{background:#38bdf83d;color:#7dd3fc;border-color:#38bdf873}.presentation-fullscreen[data-presentation-theme=sapphire-sky] .pres-verse-label{color:#38bdf8}.presentation-fullscreen[data-presentation-theme=warm-gold]{background:radial-gradient(circle at center,#2e1d0c,#150d05);color:#fef3c7}.presentation-fullscreen[data-presentation-theme=warm-gold] .pres-chorus-badge{background:#fbbf2438;color:#fde68a;border-color:#fbbf2480}.presentation-fullscreen[data-presentation-theme=warm-gold] .pres-verse-label{color:#fbbf24}.presentation-fullscreen[data-presentation-theme=emerald-sanctuary]{background:radial-gradient(circle at center,#064e3b,#022018);color:#ecfdf5}.presentation-fullscreen[data-presentation-theme=emerald-sanctuary] .pres-chorus-badge{background:#34d39938;color:#6ee7b7;border-color:#34d39973}.presentation-fullscreen[data-presentation-theme=emerald-sanctuary] .pres-verse-label{color:#34d399}.presentation-fullscreen[data-presentation-theme=royal-amethyst]{background:radial-gradient(circle at center,#3b0764,#150224);color:#faf5ff}.presentation-fullscreen[data-presentation-theme=royal-amethyst] .pres-chorus-badge{background:#c084fc38;color:#d8b4fe;border-color:#c084fc73}.presentation-fullscreen[data-presentation-theme=royal-amethyst] .pres-verse-label{color:#c084fc}.presentation-fullscreen[data-presentation-theme=crimson-glory]{background:radial-gradient(circle at center,#4c0519,#1a0208);color:#fff1f2}.presentation-fullscreen[data-presentation-theme=crimson-glory] .pres-chorus-badge{background:#fb718538;color:#fda4af;border-color:#fb718573}.presentation-fullscreen[data-presentation-theme=crimson-glory] .pres-verse-label{color:#fb7185}.presentation-fullscreen[data-presentation-theme=sunset-horizon]{background:radial-gradient(circle at center,#451a03,#1c0602);color:#fff7ed}.presentation-fullscreen[data-presentation-theme=sunset-horizon] .pres-chorus-badge{background:#fb923c38;color:#fdba74;border-color:#fb923c73}.presentation-fullscreen[data-presentation-theme=sunset-horizon] .pres-verse-label{color:#fb923c}.presentation-fullscreen[data-presentation-theme=vintage-parchment]{background:radial-gradient(circle at center,#fef3c7,#fde68a);color:#291807}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-chorus-badge{background:#b4530926;color:#92400e;border-color:#b4530966}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-verse-label{color:#78350f}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-tag{background:#92400e1a;color:#451a03;border-color:#92400e33}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-slide-cover .pres-cover-badge{background:#b4530926;color:#92400e;border-color:#b4530959}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .presentation-header-hud,.presentation-fullscreen[data-presentation-theme=vintage-parchment] .presentation-hud-bar{background:#fef3c7e6;border-color:#92400e33;color:#451a03}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-hud-btn{background:#92400e14;color:#451a03}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-dot{background:#92400e4d}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-dot.active{background:#92400e}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-side-nav-btn{background:#92400e1a;color:#451a03}.presentation-fullscreen[data-presentation-theme=light-projector]{background:#f8fafc;color:#0f172a}.presentation-fullscreen[data-presentation-theme=light-projector] .pres-chorus-badge{background:#0ea5e926;color:#0284c7;border-color:#0ea5e959}.presentation-fullscreen[data-presentation-theme=light-projector] .pres-verse-label{color:#0284c7}.presentation-fullscreen[data-presentation-theme=light-projector] .presentation-header-hud,.presentation-fullscreen[data-presentation-theme=light-projector] .presentation-hud-bar{background:#ffffffd9;border-color:#0000001a;color:#0f172a}.presentation-fullscreen[data-presentation-theme=light-projector] .pres-hud-btn{background:#0000000f;color:#1e293b}.presentation-fullscreen[data-presentation-theme=light-projector] .pres-dot{background:#00000040}.presentation-fullscreen[data-presentation-theme=light-projector] .pres-dot.active{background:#0284c7}.presentation-fullscreen[data-presentation-theme=light-projector] .pres-side-nav-btn{background:#0000000f;color:#0f172a}.presentation-fullscreen[data-font-size="0"]{--pres-font-size: clamp(22px, 3.5vw, 36px);--pres-line-height: 1.45}.presentation-fullscreen[data-font-size="1"]{--pres-font-size: clamp(26px, 4.2vw, 46px);--pres-line-height: 1.4}.presentation-fullscreen[data-font-size="2"]{--pres-font-size: clamp(30px, 5vw, 56px);--pres-line-height: 1.35}.presentation-fullscreen[data-font-size="3"]{--pres-font-size: clamp(34px, 5.8vw, 68px);--pres-line-height: 1.3}.presentation-fullscreen[data-font-size="4"]{--pres-font-size: clamp(38px, 6.8vw, 84px);--pres-line-height: 1.25}.presentation-stage{flex:1;width:100%;max-width:1400px;display:flex;justify-content:center;align-items:center;padding:80px 5vw 120px;box-sizing:border-box;text-align:center}.pres-slide-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:presFadeSlide .35s cubic-bezier(.16,1,.3,1)}@keyframes presFadeSlide{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.presentation-fade-out{opacity:0;transform:scale(.97);transition:all .25s ease}.pres-slide-cover{max-width:1200px;padding:0 20px}.pres-slide-cover .pres-cover-badge{font-size:clamp(16px,2vw,24px);font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#38bdf8;margin-bottom:20px;background:#38bdf829;padding:8px 24px;border-radius:9999px;border:1px solid rgba(56,189,248,.4)}.pres-slide-cover .pres-cover-title{font-size:clamp(40px,6.8vw,86px);font-weight:900;line-height:1.12;letter-spacing:-.5px;margin:0 0 28px;max-width:1200px;color:#fff;text-shadow:0 4px 28px rgba(0,0,0,.8),0 2px 6px rgba(0,0,0,.9)}.pres-cover-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px}.pres-tag{font-size:clamp(14px,1.5vw,20px);font-weight:700;padding:8px 20px;border-radius:9999px;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.22);color:#f8fafc;box-shadow:0 4px 16px #00000040}.pres-cover-verse{max-width:900px;font-style:italic;font-size:clamp(18px,2vw,26px);font-weight:500;opacity:.95;line-height:1.55;margin-top:14px;color:#f1f5f9;text-shadow:0 2px 14px rgba(0,0,0,.7)}.pres-cover-hint{margin-top:48px;font-size:clamp(13px,1.3vw,17px);font-weight:600;opacity:.75;letter-spacing:1.5px;text-transform:uppercase}.presentation-fullscreen[data-presentation-theme=dark-oled] .pres-cover-badge{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b80}.presentation-fullscreen[data-presentation-theme=deep-navy] .pres-cover-badge{background:#38bdf833;color:#38bdf8;border-color:#38bdf880}.presentation-fullscreen[data-presentation-theme=sapphire-sky] .pres-cover-badge{background:#38bdf83d;color:#7dd3fc;border-color:#38bdf88c}.presentation-fullscreen[data-presentation-theme=warm-gold] .pres-cover-badge{background:#fbbf2438;color:#fde68a;border-color:#fbbf2480}.presentation-fullscreen[data-presentation-theme=emerald-sanctuary] .pres-cover-badge{background:#34d39938;color:#6ee7b7;border-color:#34d39980}.presentation-fullscreen[data-presentation-theme=royal-amethyst] .pres-cover-badge{background:#c084fc38;color:#d8b4fe;border-color:#c084fc80}.presentation-fullscreen[data-presentation-theme=crimson-glory] .pres-cover-badge{background:#fb718538;color:#fda4af;border-color:#fb718580}.presentation-fullscreen[data-presentation-theme=sunset-horizon] .pres-cover-badge{background:#fb923c38;color:#fdba74;border-color:#fb923c80}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-cover-title{color:#1a0b02!important;text-shadow:none!important}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-cover-badge{background:#b453092e;color:#78350f;border-color:#b4530973}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-tag{background:#b453091f;color:#3b1805;border-color:#b4530940;box-shadow:none}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-cover-verse{color:#451a03;text-shadow:none}.presentation-fullscreen[data-presentation-theme=vintage-parchment] .pres-cover-hint{color:#78350f;opacity:.85}.presentation-fullscreen[data-presentation-theme=light-projector] .pres-cover-title{color:#020617!important;text-shadow:none!important}.presentation-fullscreen[data-presentation-theme=light-projector] .pres-cover-badge{background:#0ea5e924;color:#0284c7;border-color:#0ea5e966}.presentation-fullscreen[data-presentation-theme=light-projector] .pres-tag{background:#0000000f;color:#0f172a;border-color:#00000024;box-shadow:none}.presentation-fullscreen[data-presentation-theme=light-projector] .pres-cover-verse{color:#1e293b;text-shadow:none}.presentation-fullscreen[data-presentation-theme=light-projector] .pres-cover-hint{color:#64748b;opacity:.9}.pres-verse-header{font-size:clamp(14px,1.8vw,22px);font-weight:800;letter-spacing:2px;text-transform:uppercase;opacity:.65;margin-bottom:20px}.pres-chorus-badge{display:inline-block;font-weight:800;padding:6px 20px;border-radius:9999px;border:1px solid transparent;opacity:1}.pres-verse-lyrics{font-size:var(--pres-font-size);line-height:var(--pres-line-height);font-weight:700;max-width:1200px;width:100%}.pres-line{margin:.25em 0;text-shadow:0 2px 16px rgba(0,0,0,.5);word-break:break-word}.pres-chorus-text .pres-line{font-style:italic}.pres-reading-text{font-weight:500;font-size:clamp(20px,3.2vw,42px);line-height:1.5}.presentation-header-hud{position:absolute;top:20px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;background:#0f172ab3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px 20px;border-radius:9999px;border:1px solid rgba(255,255,255,.12);z-index:100;transition:opacity .4s ease,transform .4s ease}.presentation-hymn-pill{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}.presentation-hymn-pill .pres-num{background:var(--primary, #38bdf8);color:#0f172a;padding:3px 8px;border-radius:6px;font-weight:800;font-size:13px}.presentation-slide-counter{font-weight:700;font-size:14px;letter-spacing:1px;opacity:.8}.pres-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:#0f172aa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:90;transition:all .2s cubic-bezier(.16,1,.3,1)}.pres-nav-btn svg{width:28px;height:28px}.pres-nav-btn:hover{background:#38bdf84d;transform:translateY(-50%) scale(1.1);border-color:#38bdf880}.pres-prev-btn{left:24px}.pres-next-btn{right:24px}.presentation-hud-bar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:1080px;background:#0f172ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:100;box-shadow:0 12px 32px #00000080;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.pres-audio-controls{display:flex;align-items:center;gap:12px;min-width:260px}.pres-audio-play-btn{width:40px!important;height:40px!important;border-radius:50%!important;background:var(--primary, #38bdf8)!important;color:#081120!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pres-audio-play-btn svg{width:20px;height:20px}.pres-audio-info{display:flex;flex-direction:column;gap:2px;max-width:140px}.pres-audio-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pres-audio-time{font-size:11px;opacity:.7;font-family:monospace}.pres-audio-seek{width:100px;height:4px;accent-color:var(--primary, #38bdf8);cursor:pointer}.pres-slide-selector-row{display:flex;align-items:center;gap:10px}.pres-slide-dots{display:flex;align-items:center;gap:6px;max-width:280px;overflow-x:auto;padding:4px 0}.pres-dot{min-width:20px;height:20px;border-radius:6px;background:#ffffff26;cursor:pointer;transition:all .25s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#ffffffb3}.pres-dot:hover{background:#ffffff4d;color:#fff}.pres-dot.active{background:var(--primary, #38bdf8);color:#081120;min-width:26px;box-shadow:0 0 12px #38bdf899}.pres-dot-key{line-height:1}.pres-hotkey-badge{display:inline-block;font-size:11px;font-weight:800;padding:2px 6px;border-radius:4px;background:#ffffff26;color:currentColor;margin-left:8px;vertical-align:middle;border:1px solid rgba(255,255,255,.2)}.pres-tools-row{display:flex;align-items:center;gap:8px}.pres-tool-group{display:flex;background:#ffffff14;border-radius:10px;padding:2px}.pres-hud-btn{background:#ffffff14;color:#fff;border:none;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;min-width:36px;height:36px}.pres-hud-btn svg{width:20px;height:20px}.pres-hud-btn:hover{background:#fff3;transform:translateY(-1px)}.pres-hud-btn.active,#pres-btn-autosync.active{background:#38bdf840!important;color:#38bdf8!important;border:1px solid rgba(56,189,248,.5)!important}.pres-btn-exit{background:#ef444440!important;color:#fca5a5!important}.pres-btn-exit:hover{background:#ef444480!important;color:#fff!important}.presentation-fullscreen.hud-hidden{cursor:none}.presentation-fullscreen.hud-hidden .presentation-header-hud{opacity:0;transform:translateY(-20px);pointer-events:none}.presentation-fullscreen.hud-hidden .presentation-hud-bar{opacity:0;transform:translate(-50%,20px);pointer-events:none}.presentation-fullscreen.hud-hidden .pres-nav-btn{opacity:0!important;pointer-events:none}@media(max-width:768px){.presentation-header-hud{top:10px;left:10px;right:10px;padding:8px 14px}.presentation-hud-bar{bottom:12px;width:calc(100% - 20px);padding:8px 12px;flex-wrap:wrap;justify-content:center;gap:8px}.pres-audio-controls{min-width:100%;justify-content:space-between}.pres-audio-seek{width:80px}.pres-nav-btn{width:44px;height:44px}.pres-prev-btn{left:8px}.pres-next-btn{right:8px}}.reel-generator-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#040914d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.reel-generator-dialog{background:var(--surface, #0f172a);border:1px solid rgba(255,255,255,.12);border-radius:24px;width:100%;max-width:1080px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px -15px #000000b3;animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.reel-header{padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.reel-badge{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#38bdf8;margin-bottom:2px}.reel-title{margin:0;font-size:20px;font-weight:800;color:var(--text-primary, #ffffff)}.reel-close-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:none;color:var(--text-secondary, #94a3b8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.reel-close-btn:hover{background:#ef444433;color:#ef4444}.reel-close-btn svg{width:20px;height:20px}.reel-modal-body{display:grid;grid-template-columns:360px 1fr;overflow-y:auto;flex:1}.reel-preview-col{background:#0000004d;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.08)}.reel-canvas-wrapper{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 16px 36px #0009;border:1px solid rgba(255,255,255,.15);background:#000;display:flex;align-items:center;justify-content:center}.reel-canvas-wrapper[data-aspect="9:16"]{width:270px;height:480px}.reel-canvas-wrapper[data-aspect="1:1"]{width:300px;height:300px}.reel-canvas-wrapper[data-aspect="16:9"]{width:320px;height:180px}#reel-canvas{width:100%;height:100%;object-fit:contain}.reel-preview-playback-bar{display:flex;align-items:center;gap:10px;width:100%;max-width:280px;margin-top:14px;background:#ffffff14;padding:6px 12px;border-radius:12px}.reel-play-preview-btn{background:var(--primary, #38bdf8);color:#081120;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.reel-play-preview-btn svg{width:16px;height:16px}.reel-preview-slider{flex:1;height:4px;accent-color:#38bdf8;cursor:pointer}.reel-preview-time{font-size:11px;font-family:monospace;color:var(--text-secondary, #94a3b8)}.reel-preview-hint{font-size:12px;color:var(--text-secondary, #94a3b8);margin-top:8px;text-align:center}.reel-recording-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172af0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;z-index:10}.reel-spinner{width:44px;height:44px;border:4px solid rgba(56,189,248,.2);border-top-color:#38bdf8;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.reel-recording-text{font-size:15px;font-weight:700;color:#fff;margin-bottom:12px;text-align:center}.reel-prog-bar-wrap{width:100%;max-width:220px;height:8px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-bottom:8px}.reel-prog-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8);transition:width .15s ease}.reel-prog-time{font-size:12px;font-family:monospace;color:#ffffffb3;margin-bottom:16px}.reel-cancel-record-btn{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer}.reel-controls-col{padding:24px;display:flex;flex-direction:column;gap:16px}.reel-tabs-nav{display:flex;background:#00000040;padding:4px;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.reel-tab-btn{flex:1;background:transparent;border:none;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:all .2s}.reel-tab-btn.active{background:#38bdf826;color:#38bdf8}.reel-tab-pane{display:none;flex-direction:column;gap:16px}.reel-tab-pane.active{display:flex}.reel-section{display:flex;flex-direction:column;gap:8px}.reel-section-title{font-size:13px;font-weight:700;color:var(--text-secondary, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.reel-chips-grid{display:flex;flex-wrap:wrap;gap:8px}.reel-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary, #ffffff);border-radius:12px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.reel-chip:hover{background:#ffffff1a}.reel-chip.active{background:#38bdf826;border-color:#38bdf8;color:#38bdf8}.reel-themes-row{display:flex;gap:10px;flex-wrap:wrap}.reel-theme-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary, #ffffff);border-radius:12px;padding:8px 14px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.reel-theme-chip.active{border-color:#38bdf8;background:#38bdf826}.theme-color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.reel-sync-header-box{background:#38bdf814;border:1px solid rgba(56,189,248,.2);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.reel-sync-box-title{font-size:13px;font-weight:700;color:#38bdf8}.reel-sync-box-desc{font-size:12px;color:var(--text-secondary, #94a3b8);margin-top:2px}.reel-sync-actions-top{display:flex;gap:8px;flex-wrap:wrap}.reel-sync-list{max-height:290px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;background:#0003;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.reel-sync-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:opacity .2s ease,border-color .2s ease,background .2s ease}.reel-sync-item.is-disabled{opacity:.4;border-style:dashed;background:#00000026}.reel-sync-item-left{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1;min-width:0}.reel-sync-checkbox-wrap{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.reel-sync-checkbox-wrap input{accent-color:#38bdf8;width:16px;height:16px;cursor:pointer}.reel-sync-item-info{display:flex;align-items:center;gap:8px;overflow:hidden;min-width:0}.reel-sync-badge{font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;background:#38bdf826;color:#38bdf8;flex-shrink:0}.reel-sync-badge.chorus{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.reel-sync-snippet{font-size:12px;color:var(--text-secondary, #cbd5e1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-sync-controls{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary, #94a3b8);flex-shrink:0}.reel-sync-time-group{display:flex;align-items:center;gap:3px}.reel-sync-time-input{width:60px;background:#0006;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:6px;padding:4px;font-size:12px;font-family:monospace;text-align:center}.reel-sync-time-input:focus{border-color:#38bdf8;outline:none}.reel-sync-btn-icon{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary, #94a3b8);border-radius:6px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:all .2s;padding:0}.reel-sync-btn-icon:hover{background:#38bdf833;color:#38bdf8;border-color:#38bdf8}.reel-sync-btn-icon.danger:hover{background:#ef444433;color:#ef4444;border-color:#ef4444}.reel-btn-small{padding:6px 12px!important;font-size:12px!important;white-space:nowrap}.reel-btn-highlight{background:#f59e0b2e!important;border-color:#f59e0b66!important;color:#fbbf24!important}.reel-btn-highlight:hover{background:#f59e0b47!important;border-color:#f59e0b!important}.reel-input-url{background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 14px;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.reel-input-url:focus{border-color:#38bdf8}.reel-actions-panel{display:flex;flex-direction:column;gap:10px;margin-top:8px}.reel-btn-primary{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border:none;border-radius:14px;padding:14px 20px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 8px 20px #2563eb4d;transition:all .2s}.reel-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2563eb73}.reel-btn-primary svg{width:20px;height:20px}.reel-actions-subrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reel-btn-secondary{background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--text-primary, #ffffff);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.reel-btn-secondary:hover{background:#ffffff24}.reel-btn-secondary svg{width:18px;height:18px}@media(max-width:768px){.reel-modal-body{grid-template-columns:1fr}.reel-preview-col{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:16px}.reel-canvas-wrapper[data-aspect="9:16"]{width:210px;height:373px}.reel-actions-subrow{grid-template-columns:1fr}}