:root{--azul: #4CABE0;--azul-frosted: #DFEEF8;--mostaza: #FCC947;--verde: #9DC73E;--crema: #FFFBD3;--navy: #171D4D;--navy-light: #1E2761;--white: #FFFFFF;--black: #000000;--gray-50: #F8F9FA;--gray-100: #F0F1F3;--gray-200: #E2E4E8;--gray-300: #C5C9D0;--gray-400: #9AA0AC;--gray-500: #6B7280;--danger: #E74C3C;--mostaza-text: #5C4300;--shadow-sm: 0 1px 3px rgba(23,29,77,.1);--shadow-md: 0 4px 12px rgba(23,29,77,.12);--shadow-lg: 0 8px 24px rgba(23,29,77,.15);--radius: 12px;--radius-sm: 8px;--app-top-h: 52px;--song-search-h: 52px;--nav-h: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}html{background:#161b4c}body{font-family:Poppins,sans-serif;background:var(--gray-50);color:var(--navy)}#root{height:100%;display:flex;flex-direction:column}button,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:rgba(76,171,224,.2)}.app-top{flex-shrink:0;z-index:100}.header{background:#161b4c;padding:calc(2px + env(safe-area-inset-top)) 16px 2px;display:flex;align-items:center;justify-content:space-between;min-height:52px}.header-left{position:relative;display:flex;align-items:center;flex:1;min-height:48px}.header-left-swap{position:absolute;left:0;top:0;bottom:0;display:inline-flex;align-items:center;transition:opacity .35s ease,transform .35s ease}.header-app-name.header-left-swap{opacity:1;transform:translate(0)}.header-left--detail .header-app-name.header-left-swap,.header-back-btn.header-left-swap{opacity:0;transform:translate(-16px);pointer-events:none}.header-left--detail .header-back-btn.header-left-swap{opacity:1;transform:translate(0);pointer-events:auto}@keyframes oasis-back-reenter{0%{opacity:.3;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.header-back-btn--reenter{animation:oasis-back-reenter .35s ease}@media(prefers-reduced-motion:reduce){.header-left-swap{transition:none}.header-back-btn--reenter{animation:none}}.header-right{display:flex;align-items:center;gap:8px}.header-app-name{color:var(--white);font-size:17px;font-weight:400;letter-spacing:-.2px;display:inline-flex;align-items:center;gap:7px}.header-logo{display:block;flex-shrink:0}.sync-status{display:flex;align-items:center;gap:5px}.sync-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.sync-dot.online{background:var(--verde)}.sync-dot.offline{background:var(--gray-400)}.sync-dot.syncing{background:var(--mostaza);animation:pulse 1s infinite}.sync-label{font-size:11px;color:#ffffffa6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.nav-bar-scrim{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(440px,calc(100% - 28px));height:calc(max(12px,env(safe-area-inset-bottom) - 6px) + var(--nav-h));z-index:99;pointer-events:none;background:#c0cadb0d;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 34%,#000 66%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 34%,#000 66%)}@media(min-width:468px){.nav-bar-scrim{display:none}}.nav-bar{position:fixed;left:50%;bottom:max(12px,calc(env(safe-area-inset-bottom) - 6px));transform:translate(-50%);width:min(440px,calc(100% - 28px));z-index:100;display:flex;align-items:stretch;padding:5px;border-radius:26px;background:#c0cadb0d;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(22,171,224,.32);box-shadow:0 10px 30px #171d4d42,0 0 8px 1px #16abe047,inset 0 1px #ffffffd9}.nav-tab-indicator{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px) / var(--nav-tab-count, 4));border-radius:22px;background:var(--white);box-shadow:0 2px 8px #171d4d47;transform:translate(calc(var(--nav-active-index, 0) * 100%));transition:transform .42s cubic-bezier(.34,1.4,.5,1);pointer-events:none}.nav-tab-indicator.dragging{box-shadow:0 8px 22px #171d4d5c}.nav-tab{position:relative;z-index:1;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;flex:1;padding:5px 4px;border:none;background:transparent;color:var(--gray-500);cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.nav-tab:focus:not(:focus-visible){outline:none}.nav-tab-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 0;transform:translateZ(0);backface-visibility:hidden}.nav-tab:hover{color:var(--navy)}.nav-tab.active{color:var(--azul)}.nav-tab-icon{position:relative;line-height:1;display:inline-block;transform:translateZ(0);backface-visibility:hidden}.nav-tab-badge{position:absolute;top:-2px;right:-4px;width:9px;height:9px;border-radius:50%;background:var(--azul);box-shadow:0 0 0 1.5px var(--white);pointer-events:none}.nav-tab.active .nav-tab-icon{animation:oasis-tab-pop .42s cubic-bezier(.34,1.56,.64,1)}.nav-tab-label{line-height:1}@keyframes oasis-tab-pop{0%{transform:translateZ(0) scale(1)}40%{transform:translateZ(0) scale(1.28) translateY(-1px)}to{transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){.nav-tab-indicator{transition:none}.nav-tab.active .nav-tab-icon{animation:none}}.btn{font-family:Poppins,sans-serif;font-weight:400;font-size:14px;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;transition:all .2s}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--azul);color:var(--white)}.btn-primary:hover{background:#3a9bd0}.btn-yellow{background:var(--mostaza);color:var(--mostaza-text)}.btn-yellow:hover{background:#e8b83d}.btn-green{background:var(--verde);color:var(--white)}.btn-green:hover{background:#8bb535}.btn-navy{background:var(--navy);color:var(--white)}.btn-outline{background:transparent;border:2px solid var(--gray-200);color:var(--navy)}.btn-outline:hover{border-color:var(--azul);color:var(--azul)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:#c0392b}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{width:36px;height:36px;padding:0;border-radius:50%;background:#ffffff26;border:none;color:var(--white);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s;position:relative}.btn-icon:hover{background:#ffffff40}.hamburger-wrapper,.hamburger-btn{position:relative}.hamburger-admin-badge{position:absolute;bottom:1px;right:1px;width:13px;height:13px;border-radius:50%;background:var(--verde);border:1.5px solid #161b4c;display:flex;align-items:center;justify-content:center;color:#fff;font-size:8px;pointer-events:none}.hamburger-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;border:1px solid var(--gray-200)}.menu-section{padding:12px 16px}.menu-section-label{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);margin-bottom:8px}.menu-lang-options{display:flex;gap:6px}.menu-lang-btn{font-family:Poppins,sans-serif;font-size:13px;font-weight:400;padding:5px 14px;border-radius:20px;border:1.5px solid var(--gray-200);background:transparent;color:var(--gray-500);cursor:pointer;transition:all .15s}.menu-lang-btn:hover{border-color:var(--azul);color:var(--azul)}.menu-lang-btn.active{background:var(--azul);border-color:var(--azul);color:var(--white)}.menu-divider{height:1px;background:var(--gray-200)}.menu-section-actions{padding:8px;display:flex;flex-direction:column;gap:2px}.menu-item{font-family:Poppins,sans-serif;font-size:13px;font-weight:400;display:flex;align-items:center;gap:10px;padding:9px 10px;border:none;background:transparent;color:var(--navy);cursor:pointer;border-radius:var(--radius-sm);text-align:left;width:100%;transition:background .15s}.menu-item:hover{background:var(--gray-100)}.menu-item:disabled{opacity:.55;cursor:default}.menu-item:disabled:hover{background:transparent}.menu-item-icon{width:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--gray-500)}.menu-item-inline{margin:4px -8px 0;padding:9px 10px}.menu-connection-row{display:flex;align-items:center;padding:2px 0}.menu-connection-row .sync-label{color:var(--gray-500);font-size:13px}.menu-hint{font-size:11px;color:var(--gray-500);margin-top:6px;line-height:1.4}.menu-hint-error{color:var(--danger)}.main{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px;max-width:800px;margin:0 auto;width:100%}.view-container{display:flex;flex-direction:column;gap:12px;padding-bottom:calc(var(--nav-h) + 40px + env(safe-area-inset-bottom));position:relative}.fab{position:fixed;bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));right:20px;width:52px;height:52px;border-radius:50%;background:var(--azul);color:var(--white);font-size:26px;border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:50}.fab:hover{background:#3a9bd0;transform:scale(1.05)}.fab:active{transform:scale(.97)}.fab--verde{background:var(--verde)}.fab--verde:hover{background:#8ab833}.fab--mostaza{background:var(--mostaza);color:var(--mostaza-text)}.fab--mostaza:hover{background:#e8b83d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#171d4d80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:0;opacity:0;pointer-events:none;transition:opacity .25s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--white);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow-lg);width:100%;max-width:540px;max-height:92vh;overflow-y:auto;transform:translateY(20px);transition:transform .25s}.modal-overlay.open .modal{transform:translateY(0)}@media(min-width:600px){.modal-overlay{align-items:center;padding:20px}.modal{border-radius:var(--radius)}}.modal-large{max-width:640px}.modal-header{padding:18px 20px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--white);z-index:1}.modal:has(.song-modal-section) .modal-header:after{content:"";position:absolute;left:0;right:0;top:100%;height:8px;background:var(--white)}.modal-title{font-size:17px;font-weight:400;color:var(--navy)}.modal-close{width:30px;height:30px;border:none;background:var(--gray-100);border-radius:50%;cursor:pointer;font-size:16px;color:var(--gray-500);display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close:hover{background:var(--gray-200)}.modal-body{padding:20px}.modal-footer{padding:14px 20px;border-top:1px solid var(--gray-100);display:flex;gap:8px;justify-content:flex-end}.form-group{margin-bottom:14px}.form-label{display:block;font-size:11px;font-weight:400;color:var(--navy);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.form-label--icon{display:flex;align-items:center;gap:6px}.form-label--icon svg{flex-shrink:0}.form-hint{font-size:11px;color:var(--gray-400);margin-top:4px}.form-input,.form-select,.form-textarea{width:100%;font-family:Poppins,sans-serif;font-size:14px;padding:9px 12px;border:2px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--navy);transition:border-color .2s;background:var(--white)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--azul)}.form-textarea{resize:vertical;min-height:80px}.lyrics-textarea{min-height:240px;font-family:Poppins,sans-serif;font-size:13px;line-height:1.7}.form-input,.form-textarea{font-size:16px}.form-input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0}.lyrics-textarea{font-size:16px}.form-row{display:flex;gap:10px}.form-row .form-group{flex:1}.pin-hint{font-size:13px;color:var(--gray-500);line-height:1.6}.pin-input{font-size:18px;letter-spacing:6px;text-align:center}.pin-error{font-size:12px;color:var(--danger);margin-top:8px;text-align:center}.loading-text{font-size:14px;color:var(--gray-400);text-align:center;padding:20px 0}.member-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#161b4c;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}.member-gate-card{background:var(--white);border-radius:var(--radius);padding:36px 28px;width:100%;max-width:380px;text-align:center;box-shadow:var(--shadow-lg)}.setup-card{max-width:420px;text-align:left}.member-gate-icon{font-size:48px;margin-bottom:12px}.member-gate-icon svg{width:52px;height:52px;display:inline-block;color:var(--navy)}.member-gate-title{font-size:22px;font-weight:400;color:var(--navy);margin-bottom:10px}.member-gate-hint{font-size:13px;color:var(--gray-500);line-height:1.6;margin-bottom:20px}.member-gate-input{margin-bottom:10px;text-align:center;font-size:15px}.member-gate-error{font-size:12px;color:var(--danger);margin-bottom:10px}.member-gate-btn{width:100%;justify-content:center;margin-top:4px}.setup-section{background:var(--gray-50);border-radius:var(--radius-sm);padding:16px;margin-bottom:14px}.setup-section-label{font-size:13px;font-weight:400;color:var(--navy);margin-bottom:8px}.setup-section-label--icon{display:flex;align-items:center;gap:6px}.setup-section-label--icon svg{flex-shrink:0}.setup-section-sub{font-size:12px;color:var(--gray-500);margin-bottom:8px}.setup-section input{margin-bottom:0}.header-back-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;color:var(--white);font-size:15px;font-weight:500;padding:6px 4px;margin:-6px 0;line-height:1;-webkit-tap-highlight-color:transparent}.header-back-btn:focus:not(:focus-visible){outline:none}.header-back-chevron{font-size:20px;line-height:1}.header-detail-actions{display:flex;gap:6px}.header-detail-actions .btn-outline{border-color:#ffffff80;color:var(--white)}.header-detail-actions .btn-outline:hover{border-color:var(--white);color:var(--white)}.desktop-add-btn{display:none}@media(min-width:600px){.desktop-add-btn{display:inline-flex}}.song-search-block{position:sticky;top:0;z-index:20;background:var(--gray-50);display:flex;flex-direction:column;box-shadow:0 -20px 0 20px var(--gray-50),0 12px 0 0 var(--gray-50)}.search-bar-container{display:flex;align-items:center;gap:10px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow-sm);transition:border-color .2s}.search-bar-container:focus-within{border-color:var(--azul)}.song-search-summary{margin:6px 2px 0;font-size:11px;font-style:italic;color:var(--gray-500)}.search-bar-icon{flex-shrink:0;display:flex;align-items:center;color:var(--gray-400)}.search-bar-input{flex:1;border:none;outline:none;font-family:Poppins,sans-serif;font-size:16px;color:var(--navy);background:transparent;min-width:0}.search-bar-input::placeholder{color:var(--gray-400)}.search-bar-input::-webkit-search-cancel-button{display:none}.search-bar-clear{flex-shrink:0;width:22px;height:22px;border:none;background:var(--gray-200);border-radius:50%;cursor:pointer;font-size:11px;color:var(--gray-500);display:flex;align-items:center;justify-content:center}.search-bar-clear:hover{background:var(--gray-300)}.filter-toggle-btn{flex-shrink:0;display:flex;align-items:center;gap:4px;padding:0;border:none;border-radius:0;background:transparent;font-size:20px;color:var(--gray-400);cursor:pointer;transition:color .15s;position:relative;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.filter-toggle-btn:hover{color:var(--navy)}.filter-toggle-btn.active{color:var(--azul)}.filter-active-dot{width:6px;height:6px;border-radius:50%;background:var(--mostaza);flex-shrink:0}.filters-panel{overflow:hidden;max-height:0;opacity:0;margin-top:0;transition:max-height .28s ease,opacity .2s ease,margin-top .28s ease}.filters-panel--open{max-height:260px;opacity:1;margin-top:12px}.filters-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.filter-select{font-family:Poppins,sans-serif;font-size:12px;padding:6px 10px;border:2px solid var(--gray-200);border-radius:20px;color:var(--navy);background:var(--white);cursor:pointer;transition:border-color .2s;max-width:150px}.filter-select:focus{outline:none;border-color:var(--azul)}.filter-clear-btn{border-radius:20px}.filter-lyrics-toggle{display:flex;align-items:center;gap:5px;font-family:Poppins,sans-serif;font-size:12px;color:var(--gray-500);cursor:pointer;-webkit-user-select:none;user-select:none}.filter-lyrics-toggle input[type=checkbox]{accent-color:var(--azul)}.song-list{display:flex;flex-direction:column;gap:6px}.song-list-grouped{display:flex;flex-direction:column;gap:20px}.song-type-group{display:flex;flex-direction:column;gap:6px}.song-type-group-heading{position:sticky;top:calc(var(--song-search-h, 52px) + 12px);z-index:10;background:var(--gray-50);font-size:15px;font-weight:400;color:var(--navy);padding:6px 0 4px;border-bottom:2px solid var(--gray-200);margin:0}.song-tab-content{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.song-tab-header{position:sticky;top:calc(var(--song-search-h, 52px) + 12px);z-index:15;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:8px 10px;background:var(--azul);border-radius:var(--radius) var(--radius) 0 0}.song-tab-header::-webkit-scrollbar{display:none}.song-type-tab{flex-shrink:0;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;border:none;border-radius:var(--radius-sm);cursor:pointer;background:transparent;color:#ffffffa6;transition:background .18s,color .18s;white-space:nowrap}.song-type-tab:hover{background:#ffffff26;color:#fff}.song-type-tab.active{background:#fff;color:var(--azul)}.song-type-tab.active .song-type-tab-count{background:var(--azul);color:#fff}.song-type-tab-count{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:600;line-height:1.4;background:#ffffff40;color:inherit;vertical-align:1px}.song-type-tab-divider{flex-shrink:0;align-self:center;color:#ffffff59;font-size:14px;font-weight:300;padding:0 2px;pointer-events:none;-webkit-user-select:none;user-select:none}.song-type-tab--history{font-size:14px;line-height:1;padding:6px 10px}.song-type-tab--history svg{display:block}.song-tab-list{display:flex;flex-direction:column}.song-tab-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:all .2s}.song-tab-item:last-child{border-bottom:none}@media(hover:hover){.song-tab-item:hover{transform:translate(4px)}.song-tab-item:hover .song-tab-item-title,.song-tab-item:hover .song-tab-item-meta{color:var(--azul)}}.song-tab-item:active{transform:translate(4px)}.song-tab-item:active .song-tab-item-title,.song-tab-item:active .song-tab-item-meta{color:var(--azul)}.song-tab-item-body{flex:1;min-width:0}.song-tab-item-title{font-size:15px;font-weight:400;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.song-tab-item-meta{font-size:12px;color:var(--gray-500);display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:3px;transition:color .2s}.song-tab-item-dot{color:var(--gray-300)}.song-tab-item-arrow{color:var(--gray-300);font-size:22px;font-weight:300;flex-shrink:0}.song-tab-count{font-size:11px;font-style:italic;color:var(--gray-400);text-align:center;padding:2px 0}.song-card{background:var(--white);border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s}@media(hover:hover){.song-card:hover{transform:translate(4px)}.song-card:hover .song-card-title,.song-card:hover .song-card-singer{color:var(--azul)}}.song-card:active{transform:translate(4px)}.song-card:active .song-card-title,.song-card:active .song-card-singer{color:var(--azul)}.song-card-body{flex:1;min-width:0}.song-card-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px}.song-card-title{font-size:15px;font-weight:400;color:var(--navy);transition:color .2s}.song-card-singer{font-size:12px;color:var(--gray-500);transition:color .2s}.song-card-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.song-card-arrow{color:var(--gray-300);font-size:22px;font-weight:300;flex-shrink:0}.song-type-chip{display:inline-block;font-size:11px;font-weight:400;padding:2px 8px;border-radius:5px;background:var(--gray-200);color:var(--navy)}.song-type-chip--sm{font-size:10px;padding:1px 6px}.song-meta-tag{font-size:11px;color:var(--gray-500);padding:2px 8px;border-radius:5px;border:1px solid var(--gray-200)}.song-detail-hero .song-meta-tag{color:var(--white);border-color:var(--white)}.song-detail-hero .song-type-chip{background:transparent;color:var(--white);border:1px solid var(--white)}.song-key-badge{font-size:11px;font-weight:400;color:var(--azul);padding:0 4px;border-radius:4px;background:#4cabe01f;border:1px solid rgba(76,171,224,.25)}.song-usage-chip{font-size:11px;color:var(--gray-400);padding:2px 6px;border-radius:10px;background:var(--gray-100)}.song-detail-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.song-detail-hero{background:var(--azul);padding:14px 20px 12px;color:var(--white)}.song-detail-title{font-size:22px;font-weight:400;margin-bottom:2px}.song-detail-singer{font-size:14px;opacity:.8;margin-bottom:8px}.song-detail-chips{display:flex;flex-wrap:wrap;gap:6px}.song-detail-stats{display:flex;padding:4px 0}.song-stat-block{flex:1;text-align:center;padding:1px 8px}.song-stat-block+.song-stat-block{border-left:1px solid #C0C2C5}.song-stat-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#838892;margin-bottom:1px}.song-stat-value{display:block;font-size:12px;font-weight:400;color:var(--navy)}.song-stat-value--group{color:var(--azul);font-weight:700}.song-stat-value--history{color:#5b616d}.song-detail-section{padding:16px 20px;border-bottom:1px solid var(--gray-100)}.song-detail-section:last-child{border-bottom:none}.song-detail-section-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:400;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.song-detail-section-icon{display:flex;align-items:center;flex-shrink:0}.song-detail-notes{font-size:13px;color:var(--gray-500);line-height:1.7;white-space:pre-wrap}.song-detail-usage-empty{font-size:13px;color:var(--gray-400)}.song-detail-usage-count{font-size:15px;font-weight:400;color:var(--navy);margin-bottom:4px}.song-detail-last-sung{font-size:13px;color:var(--gray-500);margin-bottom:10px}.song-detail-services{display:flex;flex-direction:column;gap:6px}.song-detail-service-row{display:flex;gap:12px;align-items:baseline}.song-detail-service-date{font-size:12px;color:var(--azul);min-width:60px}.song-detail-service-title{font-size:13px;color:var(--navy)}.song-links-list{display:flex;flex-direction:column}.song-link-item{display:flex;flex-direction:column;gap:4px;padding:10px 0}.song-link-item+.song-link-item{border-top:1px solid var(--gray-100, #eef0f3)}.song-link-item:first-child{padding-top:0}.song-link-item:last-child{padding-bottom:0}.song-link-item-head{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;transition:opacity .15s}.song-link-item-head:hover{opacity:.85}.song-link-item-head:active{transform:translateY(1px)}.song-link-icon-btn{flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.song-link-icon-btn svg{display:block}.song-link-icon-btn--full{background:transparent!important;border-radius:0;overflow:visible}.song-link-icon-btn--full svg{width:28px;height:28px}.song-link-label{font-size:14px;font-weight:400;color:var(--navy);line-height:1.3;word-break:break-word;min-width:0}.song-link-description{font-size:13px;color:var(--gray-500);line-height:1.5;margin:0;padding-left:38px}@media(max-width:480px){.song-link-description{padding-left:0}}.song-lyrics-header{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:10px}.song-lyrics-header .song-detail-section-title{margin-bottom:0}.song-youtube-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:400;color:#fff;background:#f03;border-radius:4px;padding:3px 9px;text-decoration:none;transition:opacity .15s}.song-youtube-link:hover{opacity:.85}.song-youtube-icon{font-size:10px}.song-modal-section+.song-modal-section{margin-top:10px}.song-modal-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:10px 14px;border:0;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:inherit;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-tap-highlight-color:transparent;position:sticky;top:74px}.song-modal-section-header--azul{background:var(--azul);color:#fff}.song-modal-section-header--verde{background:var(--verde);color:#fff}.song-modal-section-header--mostaza{background:var(--mostaza);color:var(--mostaza-text)}.song-modal-section-header .song-detail-collapse-toggle{color:currentColor}.song-modal-section-header--mostaza .song-detail-collapse-toggle{color:var(--mostaza-text)}.song-modal-section .song-detail-collapse-body-content{padding-top:14px}.link-rows{display:flex;flex-direction:column;gap:16px}.link-row-group{display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;background:var(--white);border:1px solid var(--gray-200);border-left:4px solid var(--azul);border-radius:var(--radius-sm)}.link-row-group:nth-child(2n){border-left-color:var(--mostaza)}.link-row-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px;border-bottom:1px solid var(--gray-200);padding-bottom:8px}.link-row-index{font-size:16px;font-weight:700;color:var(--navy);line-height:1}.link-row{display:flex;gap:8px;align-items:stretch}.link-row-label{flex:1 1 35%;min-width:0}.link-row-url{flex:2 1 60%;min-width:0}.link-row-actions{display:flex;gap:4px;flex:0 0 auto}.link-row-btn{width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.link-row-description{width:100%}.link-add-btn{margin-top:8px}@media(max-width:600px){.link-row{flex-wrap:wrap}.link-row-label,.link-row-url{flex-basis:100%}}.song-lyrics{white-space:pre-wrap;word-break:break-word;font-family:Poppins,sans-serif;font-size:13px;line-height:1.5;color:var(--gray-500);margin:0}.song-detail-collapse-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;background:transparent;border:0;padding:0;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.song-detail-collapse-header .song-detail-section-title{margin-bottom:0}.song-detail-collapse-toggle{font-size:28px;color:var(--gray-400);flex:0 0 auto;line-height:.2;transform:translateY(-3px) rotate(0);transform-origin:center;transition:transform .28s cubic-bezier(.4,0,.2,1)}.song-detail-collapse-header[aria-expanded=true] .song-detail-collapse-toggle{transform:translateY(-3px) rotate(90deg)}.song-detail-collapse-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1)}.song-detail-collapse-body--open{grid-template-rows:1fr}.song-detail-collapse-body-inner{overflow:hidden;min-height:0}.song-detail-collapse-body-content{padding-top:10px}@media(prefers-reduced-motion:reduce){.song-detail-collapse-body,.song-detail-collapse-toggle{transition:none}}.song-structure-body{display:flex;flex-direction:column;gap:20px;padding-top:4px}.song-structure-group{display:flex;flex-direction:column;gap:2px}.song-structure-subtitle{font-size:12px;font-weight:400;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin:0}.song-structure-summary{font-size:13px;line-height:1.6;color:var(--navy);margin:0}.song-structure-summary-list{list-style:disc;padding-left:22px;margin:0;font-size:13px;line-height:1.5;color:var(--gray-500)}.song-structure-summary-list li{padding:1px 0}.song-structure-rep{font-size:.85em;font-weight:600;color:var(--azul);vertical-align:0em;margin-left:1px}.song-structure-rendered{display:flex;flex-direction:column;padding-top:8px}.song-structure-block-label{font-size:12px;font-weight:500;color:var(--azul);text-transform:uppercase;letter-spacing:.4px;margin:0 0 4px}.song-structure-block-divider{border:0;border-top:1px dashed var(--gray-300);margin:10px 0}.song-detail-collapse-body-content>.song-structure-block-divider:first-child{margin-top:4px}.song-structure-group>.song-structure-block-divider:first-child{margin:-4px 0 14px}.structure-editor-hint{font-size:12px;color:var(--gray-500);margin:0 0 8px}.structure-detect-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;flex-wrap:wrap}.structure-detected{flex:1 1 auto;min-width:0;font-size:12px;line-height:1.4;color:var(--navy);padding:8px 10px;background:var(--gray-100, #eef0f3);border-radius:var(--radius-sm)}.structure-detected-label{color:var(--gray-500);font-weight:400}.structure-detected-empty{color:var(--gray-400);font-style:italic}.structure-rows{display:flex;flex-direction:column;gap:14px}.structure-row-group{display:flex;flex-direction:column;gap:8px;padding:8px 10px;background:var(--white);border:1px solid var(--gray-200);border-left:4px solid var(--azul);border-radius:var(--radius-sm)}.structure-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.structure-row-note{width:100%}.structure-row-section{flex:1 1 0;min-width:0}.structure-row-count,.structure-row-fraction,.structure-row-from{flex:0 0 auto;min-width:0}.structure-row-count{width:64px}.structure-row-fraction{width:90px}.structure-row-from{flex:1 1 160px;min-width:0}.structure-row-actions{display:flex;gap:4px;flex:0 0 auto}.structure-row-more{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:32px;padding:0;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);color:var(--gray-500);cursor:pointer;transition:background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.structure-row-more:hover{border-color:var(--azul);color:var(--azul)}.structure-row-more--open{background:var(--azul-frosted);border-color:var(--azul);color:var(--azul)}.structure-row-more-panel{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--gray-200);padding-top:8px}.structure-row-mode-pill{align-self:flex-start}.structure-row-mode-pill{flex:0 0 auto;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-500);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.structure-row-mode-pill--partial{background:var(--azul-frosted);border-color:var(--azul);color:var(--azul)}.structure-row-partial{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.count-stepper{flex:0 0 auto;display:none;flex-direction:column;align-items:center;justify-content:center;width:40px;padding:4px 0;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);color:var(--navy);user-select:none;-webkit-user-select:none;touch-action:none;cursor:ns-resize}.count-stepper-chevron{font-size:8px;line-height:1;color:var(--gray-400)}.count-stepper-value{font-size:14px;font-weight:600;line-height:1.2}@media(max-width:600px){.count-stepper{display:inline-flex}.structure-row-count-input{display:none}}.structure-row-btn{flex:0 0 auto;width:30px;padding:0;display:inline-flex;align-items:center;justify-content:center}.structure-add-btn{align-self:flex-start;margin-top:4px}.setlist-list{display:flex;flex-direction:column;gap:0}.setlist-pull-hint{position:absolute;top:-28px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:14px;color:var(--gray-500);letter-spacing:.2px;pointer-events:none;will-change:opacity}.setlist-pull-arrow{display:inline-block;line-height:1;transition:transform .18s ease-out,color .18s ease-out}.setlist-pull-arrow--flipped{transform:rotate(180deg);color:var(--mostaza)}.setlist-month-group{margin-bottom:4px}.setlist-month-group+.setlist-month-group{margin-top:10px}@keyframes oasis-month-enter{0%{opacity:0;transform:translateY(-8px)}to{transform:translateY(0)}}.setlist-month-group--newly-loaded .setlist-month-label,.setlist-month-group--newly-loaded .setlist-older-header,.setlist-month-group--newly-loaded .setlist-card{animation:oasis-month-enter .64s ease-out both}.setlist-month-group--newly-loaded .setlist-card:nth-child(1){animation-delay:.1s}.setlist-month-group--newly-loaded .setlist-card:nth-child(2){animation-delay:.2s}.setlist-month-group--newly-loaded .setlist-card:nth-child(3){animation-delay:.3s}.setlist-month-group--newly-loaded .setlist-card:nth-child(n+4){animation-delay:.4s}@media(prefers-reduced-motion:reduce){.setlist-month-group--newly-loaded .setlist-month-label,.setlist-month-group--newly-loaded .setlist-older-header,.setlist-month-group--newly-loaded .setlist-card{animation:none}.setlist-pull-arrow{transition:none}}.setlist-month-label{font-size:18px;font-weight:400;color:var(--navy);padding:6px 0;border-bottom:2px solid var(--mostaza);margin-bottom:8px}.setlist-month-label--toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:transparent;border:0;border-bottom:2px solid var(--mostaza);text-align:left;cursor:pointer;font:inherit;color:var(--navy);-webkit-tap-highlight-color:transparent}.setlist-month-label-text{display:inline-flex;align-items:baseline;gap:4px}.setlist-month-label-meta{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.setlist-month-count{font-size:13px;font-weight:400;color:var(--gray-500);white-space:nowrap;line-height:1;transform:translateY(-2px);opacity:1;transition:opacity .28s cubic-bezier(.4,0,.2,1)}.setlist-month-label--toggle[aria-expanded=true] .setlist-month-count{opacity:0}.setlist-month-toggle{font-size:24px;color:var(--gray-400);flex:0 0 auto;line-height:.2;transform:translateY(-3px) rotate(0);transform-origin:center;transition:transform .28s cubic-bezier(.4,0,.2,1)}.setlist-month-label--toggle[aria-expanded=true] .setlist-month-toggle{transform:translateY(-3px) rotate(90deg)}.setlist-older-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:10px 14px;border:0;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:inherit;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#dceaf6;color:var(--gray-500);-webkit-tap-highlight-color:transparent}.setlist-older-header-meta{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.setlist-older-header-count{font-weight:500;color:var(--gray-400);text-transform:none;letter-spacing:0;white-space:nowrap;opacity:1;transition:opacity .28s cubic-bezier(.4,0,.2,1)}.setlist-older-header[aria-expanded=true] .setlist-older-header-count{opacity:0}.setlist-older-header-toggle{color:var(--gray-400)}.setlist-older-header[aria-expanded=true] .setlist-older-header-toggle{transform:translateY(-3px) rotate(90deg)}@media(prefers-reduced-motion:reduce){.setlist-month-toggle,.setlist-month-count,.setlist-older-header-count{transition:none}}.setlist-month-group--upcoming .setlist-month-label{font:inherit;padding-top:0;margin-bottom:14px}.setlist-month-collapse-body-content{padding-top:8px}.setlist-older-divider{margin:24px 0 4px;padding-top:14px;border-top:1px solid var(--gray-200);font-size:14px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em}.setlist-older-divider+.setlist-month-group{margin-top:6px}.setlist-card{background:var(--white);border-radius:var(--radius);padding:12px 16px;margin-bottom:8px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s;border-left:4px solid var(--azul);position:relative}.setlist-card--complete{opacity:.85}.setlist-card--pinned{background:var(--white);border-left:none;padding-top:45px;padding-left:16px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.setlist-card-pinned-band{position:absolute;top:0;left:0;right:0;background:var(--azul);color:var(--white);padding:8px 16px;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.setlist-card-pinned-band:before{content:"★";color:var(--mostaza);font-size:14px;line-height:1;transform:translateY(-.5px)}@media(hover:hover){.setlist-card:not(.setlist-card--pinned):hover{box-shadow:var(--shadow-md);transform:translate(4px)}}.setlist-card:not(.setlist-card--pinned):active{box-shadow:var(--shadow-md);transform:translate(4px)}.setlist-card--pinned .setlist-card-info,.setlist-card--pinned .setlist-card-arrow{transition:transform .2s,color .2s}@media(hover:hover){.setlist-card--pinned:hover .setlist-card-info,.setlist-card--pinned:hover .setlist-card-arrow{transform:translate(4px)}}.setlist-card--pinned:active .setlist-card-info,.setlist-card--pinned:active .setlist-card-arrow{transform:translate(4px)}.setlist-card-title,.setlist-card-meta{transition:color .2s}@media(hover:hover){.setlist-card:hover .setlist-card-title,.setlist-card:hover .setlist-card-meta{color:var(--azul)}}.setlist-card:active .setlist-card-title,.setlist-card:active .setlist-card-meta{color:var(--azul)}.setlist-card-rule{width:2px;align-self:stretch;background:var(--mostaza);border-radius:2px;margin:0 -2px}.setlist-card-date-box{min-width:50px;text-align:center;background:var(--gray-50);border-radius:var(--radius-sm);padding:6px;flex-shrink:0}.setlist-card-weekday{font-size:10px;font-weight:500;color:var(--gray-400);text-transform:uppercase;letter-spacing:.03em;line-height:1;margin-bottom:2px}.setlist-card-day{font-size:20px;font-weight:400;color:var(--navy);line-height:1}.setlist-card-month{font-size:10px;font-weight:400;color:var(--azul);text-transform:uppercase}.setlist-card-info{flex:1;min-width:0}.setlist-card-title{font-size:15px;font-weight:400;color:var(--navy);margin-bottom:2px}.setlist-card-meta{font-size:11px;color:var(--gray-500);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.setlist-card-meta span{display:inline-flex;align-items:center;gap:4px}.setlist-card-leader-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--mostaza);color:var(--mostaza-text);flex-shrink:0;transition:background .2s}.setlist-card-leader-icon svg{stroke:var(--mostaza-text);transition:stroke .2s}.setlist-card-arrow{color:var(--gray-300);font-size:20px}.setlist-complete-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:400;padding:2px 7px;border-radius:5px;background:#9dc73e38;color:#5e7a28}.setlist-complete-badge--icon-only{padding:3px 6px;line-height:1}.setlist-complete-badge--large{font-size:12px;padding:4px 10px}.setlist-next-badge{display:inline-flex;align-items:center;gap:4px;background:var(--azul);color:var(--white);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:500;line-height:1;padding:3px 7px;border-radius:5px}.setlist-next-badge--today:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--white);flex-shrink:0}.setlist-next-badge-label{position:relative;top:.75px}.setlist-next-badge--today:before{animation:oasis-next-pulse 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.setlist-next-badge--today:before{animation:none}}.setlist-next-badge--hanging{position:absolute;top:0;left:80px;z-index:2;border-radius:0 0 5px 5px;box-shadow:0 1px 2px #171d4d2e}.setlist-detail-header{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;gap:8px}.setlist-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.setlist-detail-title{font-size:20px;font-weight:400;color:var(--navy)}.setlist-detail-date{font-size:13px;color:var(--azul);font-weight:400}.setlist-detail-notes{font-size:13px;color:var(--gray-500);line-height:1.6}.setlist-calendar-link{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--gray-50);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;color:var(--gray-500)}.setlist-calendar-link>span{display:inline-flex;align-items:center;gap:5px}.setlist-calendar-link>span svg{flex-shrink:0}.setlist-detail-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.setlist-hero--wiggle{animation:oasis-hero-shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes oasis-hero-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@media(prefers-reduced-motion:reduce){.setlist-hero--wiggle{animation:none}}.setlist-hero-toast{background:#f4f9fc;border-left:0 solid var(--azul);color:var(--navy);border-radius:var(--radius-sm);font-size:13px;line-height:1.4;box-shadow:var(--shadow-sm);overflow:hidden;opacity:0;max-height:0;margin-bottom:0;padding:0 14px;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease,max-height .25s ease,padding .25s ease,margin-bottom .25s ease,border-left-width .25s ease}.setlist-hero-toast--show{opacity:1;max-height:200px;margin-bottom:8px;padding:10px 14px;border-left-width:3px;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.setlist-hero-toast{transition:opacity .2s ease;transform:none}}.setlist-hero{background:linear-gradient(180deg,var(--azul-frosted),#fff 110%);color:var(--navy);border-top:5px solid var(--azul);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:8px;overflow:hidden;padding:14px 20px 20px;position:relative}.setlist-hero-weekday{font-size:11px;font-weight:600;color:var(--azul);text-transform:uppercase;letter-spacing:.18em;transform:translateY(8px)}.setlist-hero-date{font-size:28px;font-weight:600;color:var(--navy);margin:6px 0 2px}.setlist-hero-lead{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px;color:var(--gray-500)}.setlist-hero-lead-icon{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:var(--mostaza);color:var(--mostaza-text);display:inline-flex;align-items:center;justify-content:center}.setlist-hero-lead-name b{color:var(--navy);font-weight:500}.setlist-hero-lead-prefix{margin-right:5px}.setlist-hero-lead-empty{font-style:italic;color:var(--gray-400)}.setlist-hero-complete-badge{position:absolute;top:0;right:0;z-index:2;text-transform:uppercase;letter-spacing:.04em;font-weight:500;font-size:10px;line-height:1;padding:4px 7px 4px 6px;border-radius:0 0 0 5px;box-shadow:0 1px 2px #171d4d2e;background:var(--verde);color:var(--white)}.setlist-hero-next-badge{position:absolute;top:0;right:0;z-index:2;font-size:10px;padding:4px 7px 4px 6px;gap:5px;border-radius:0 0 0 5px;box-shadow:0 1px 2px #171d4d2e}.setlist-hero-next-badge--today:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--white);flex-shrink:0;animation:oasis-next-pulse 1.8s ease-in-out infinite}@keyframes oasis-next-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.setlist-hero-next-badge--today:before{animation:none}}.setlist-items-section{background:var(--white);border-radius:var(--radius);padding:16px;margin-bottom:8px;box-shadow:var(--shadow-sm);overflow:hidden}.setlist-section-title{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--white);margin:-16px -16px 12px;padding:8px 16px;background:var(--navy)}.setlist-section-title--green{background:var(--verde)}.setlist-section-title--yellow{background:var(--mostaza);color:var(--mostaza-text)}.setlist-section-title--blue{background:var(--azul)}.setlist-detail-header .setlist-section-title{margin:-20px -20px 0}.setlist-section-title-date{opacity:.75}.setlist-section-title-count{font-weight:500}.setlist-section-title,.announcements-section-title{display:flex;align-items:center;gap:8px}.section-title-icon{display:inline-flex;flex:0 0 auto}.section-title-icon svg{width:16px;height:16px;display:block}.setlist-items-list{display:flex;flex-direction:column;gap:0}.setlist-type-separator{padding:18px 0 6px;border-bottom:2px solid var(--mostaza);margin-bottom:2px}.setlist-type-separator:first-child{padding-top:4px}.setlist-type-separator-label{font-size:15px;font-weight:400;color:var(--navy)}.setlist-type-separator-line{display:none}.setlist-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--gray-100);transition:all .2s}.setlist-item:last-child{border-bottom:none}.setlist-item:has(.setlist-item-title--link){cursor:pointer;-webkit-tap-highlight-color:transparent}@media(hover:hover){.setlist-item:has(.setlist-item-title--link):hover:not(:has(.item-move-btn:hover,.item-act-btn:hover)){transform:translate(4px)}}.setlist-item:has(.setlist-item-title--link):active:not(:has(.item-move-btn:active,.item-act-btn:active)){transform:translate(4px)}.setlist-item-order{width:36px;min-height:40px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--gray-50);font-size:15px;font-weight:400;color:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}.setlist-item-body{flex:1;min-width:0}.setlist-item-row1{display:flex;align-items:center;gap:6px}.setlist-item-row2{display:flex;align-items:center;gap:6px;margin-top:3px}.setlist-item-title{flex:1;font-size:14px;font-weight:400;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setlist-item-title--link{background:none;border:none;padding:0;cursor:pointer;text-align:left;font-family:Poppins,sans-serif;transition:color .15s;-webkit-tap-highlight-color:transparent}.setlist-item-title--link:focus{outline:none}.setlist-item-title--link:focus-visible{outline:2px solid var(--azul);outline-offset:2px}.setlist-item-title--link,.setlist-item:has(.setlist-item-title--link) .setlist-item-meta,.setlist-item:has(.setlist-item-title--link) .setlist-item-notes{transition:color .2s}@media(hover:hover){.setlist-item:has(.setlist-item-title--link):hover:not(:has(.item-move-btn:hover,.item-act-btn:hover)) .setlist-item-title--link,.setlist-item:has(.setlist-item-title--link):hover:not(:has(.item-move-btn:hover,.item-act-btn:hover)) .setlist-item-meta,.setlist-item:has(.setlist-item-title--link):hover:not(:has(.item-move-btn:hover,.item-act-btn:hover)) .setlist-item-notes{color:var(--azul)}}.setlist-item:has(.setlist-item-title--link):active:not(:has(.item-move-btn:active,.item-act-btn:active)) .setlist-item-title--link,.setlist-item:has(.setlist-item-title--link):active:not(:has(.item-move-btn:active,.item-act-btn:active)) .setlist-item-meta,.setlist-item:has(.setlist-item-title--link):active:not(:has(.item-move-btn:active,.item-act-btn:active)) .setlist-item-notes{color:var(--azul)}.setlist-item-meta{flex:1;font-size:12px;color:var(--gray-400);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.setlist-item-notes{font-size:11px;color:var(--gray-400);font-style:italic;margin-top:2px}.setlist-item-announcement-body{font-size:12px;color:var(--gray-400);white-space:pre-wrap}.setlist-item-arrow{color:var(--gray-300);font-size:28px;font-weight:300;flex-shrink:0;align-self:center;line-height:1}.setlist-item-move{display:flex;gap:0;flex-shrink:0}.item-move-btn{width:32px;height:20px;border:none;background:transparent;color:var(--gray-300);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;padding:0;transition:color .15s}.item-move-btn:hover:not(:disabled){color:var(--navy)}.item-move-btn:disabled{opacity:.2;cursor:default}.item-move-btn--up{transform:rotate(-90deg)}.item-move-btn--down{transform:rotate(90deg)}.setlist-item-actions{display:flex;gap:0;flex-shrink:0}.item-act-btn{width:32px;height:20px;padding:0;border:none;background:transparent;font-size:14px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.item-act-btn--edit{color:var(--azul)}.item-act-btn--remove{color:var(--danger)}.item-act-btn:hover{opacity:.65}.add-item-btn{align-self:flex-start;margin-top:12px}.announcements-section{background:var(--white);border-radius:var(--radius);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm);overflow:hidden}.announcements-section-title{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--white);margin:-16px -16px 12px;padding:8px 16px;background:var(--azul)}.announcements-list{display:flex;flex-direction:column;gap:0}.announcements-date-separator{padding:24px 0 6px;border-bottom:2px solid var(--mostaza);margin-bottom:2px}.announcements-date-separator:first-child{padding-top:4px}.announcements-date-separator-label{font-size:13px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em}.announcements-item{display:flex;align-items:flex-start;gap:10px;padding:10px 8px 10px 0;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:all .2s}.announcements-date-group>.announcements-item:last-child,.announcements-date-group>.swipe-row:last-child .announcements-item{border-bottom:none;padding-bottom:0}.announcements-list--general .announcements-item{border-bottom:2px solid var(--mostaza);padding:16px 8px 7px 0}.announcements-list--general>.announcements-item:first-child,.announcements-list--general>.swipe-row:first-child .announcements-item{padding-top:4px}.announcements-list--general>.announcements-item:last-child,.announcements-list--general>.swipe-row:last-child .announcements-item{border-bottom:none;padding-bottom:0}@media(hover:hover){.announcements-item:not(.announcements-item--inert):hover{transform:translate(4px)}.announcements-item:not(.announcements-item--inert):hover .announcements-item-title,.announcements-item:not(.announcements-item--inert):hover .announcements-item-body-text,.announcements-item:not(.announcements-item--inert):hover .announcements-item-order{color:var(--azul)}}.announcements-item:not(.announcements-item--inert):active{transform:translate(4px)}.announcements-item-title,.announcements-item-body-text,.announcements-item-order{transition:color .2s}.announcements-item:not(.announcements-item--inert):active .announcements-item-title,.announcements-item:not(.announcements-item--inert):active .announcements-item-body-text,.announcements-item:not(.announcements-item--inert):active .announcements-item-order{color:var(--azul)}.announcements-item--inert{cursor:default}.announcements-item--wiggle{animation:oasis-hero-shake .42s cubic-bezier(.36,.07,.19,.97)}@media(prefers-reduced-motion:reduce){.announcements-item--wiggle{animation:none}}.announcements-item--flash,.setlist-item--flash{animation:oasis-announcement-flash 3s ease-in-out 1;border-radius:var(--radius)}@keyframes oasis-announcement-flash{0%{background-color:#9dc73e00}16.67%{background-color:#9dc73e38}33.33%{background-color:#9dc73e00}50%{background-color:#9dc73e38}66.67%{background-color:#9dc73e00}83.33%{background-color:#9dc73e2e}to{background-color:#9dc73e00}}.announcements-item-order{display:flex;align-items:center;font-size:14px;font-weight:400;color:var(--azul);flex-shrink:0}.announcements-item--seen .announcements-item-order{color:var(--gray-400)}.announcements-item--seen .announcements-item-title{color:var(--navy);font-weight:400}.announcements-item-body{flex:1;min-width:0}.announcements-item-row1{display:flex;align-items:center;gap:6px}.announcements-item-row2{display:flex;align-items:center;gap:6px;margin-top:3px}.announcements-item-title{flex:1;font-size:14px;font-weight:500;color:var(--azul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcements-item-meta{flex:1;font-size:12px;color:var(--gray-400);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.announcements-item-body-text{font-size:12px;color:var(--gray-500);white-space:pre-wrap}.announcements-item--seen .announcements-item-body-text{color:var(--gray-400)}.announcements-item-pushed{font-size:11px;color:var(--gray-400);margin-top:6px;padding-top:6px;border-top:1px solid var(--gray-100)}.announcements-item-pushed--sent{display:inline-flex;align-items:center;gap:5px}.announcements-item-pushed-check{color:var(--verde);flex-shrink:0}.announcements-item-arrow{color:var(--gray-300);font-size:28px;font-weight:300;flex-shrink:0;align-self:center}.announcements-source-badge{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;flex-shrink:0;line-height:1.4}.announcements-source-badge--standalone{background:var(--gray-100);color:var(--gray-500)}.announcements-source-badge--setlist{background:#9dc73e2e;color:#5e7d23}.announcements-older-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:transparent;border:0;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--gray-200);text-align:left;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;-webkit-tap-highlight-color:transparent}.announcements-older-label-meta{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.announcements-older-count{font-size:12px;font-weight:400;color:var(--gray-500);letter-spacing:0;text-transform:none;white-space:nowrap;line-height:1;transform:translateY(-2px);opacity:1;transition:opacity .28s cubic-bezier(.4,0,.2,1)}.announcements-older-toggle[aria-expanded=true] .announcements-older-count{opacity:0}.announcements-older-chevron{font-size:24px;color:var(--gray-400);flex:0 0 auto;line-height:.2;transform:translateY(-3px) rotate(0);transform-origin:center;transition:transform .28s cubic-bezier(.4,0,.2,1)}.announcements-older-toggle[aria-expanded=true] .announcements-older-chevron{transform:translateY(-3px) rotate(90deg)}@media(prefers-reduced-motion:reduce){.announcements-older-chevron,.announcements-older-count{transition:none}}.announcements-older-content{opacity:.7;padding-top:12px}.announcements-older-content .announcements-section{margin-bottom:12px}.announcements-older-content .announcements-section:last-child{margin-bottom:0}.announcements-older-empty{font-size:13px;color:var(--gray-500);padding:10px 0;text-align:center}.announcements-section-empty{font-size:13px;color:var(--gray-500);padding:16px 0 8px;text-align:center;font-style:italic}.swipe-row{position:relative;overflow:hidden;box-sizing:border-box}.swipe-row-content{position:relative;z-index:1;background:transparent}.swipe-row-content[data-engaged=true]{background:#f4f9fc;will-change:transform;touch-action:pan-y;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.swipe-action{position:absolute;top:0;bottom:0;right:0;width:0;z-index:0;background:var(--danger);color:var(--white);font-size:13px;font-weight:600;font-family:Poppins,sans-serif;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;border-radius:0;-webkit-tap-highlight-color:transparent;will-change:width,transform;transition:border-radius .28s cubic-bezier(.34,1.45,.5,1),margin .28s cubic-bezier(.34,1.45,.5,1)}.swipe-action-label{flex-shrink:0;padding:0 12px;letter-spacing:.2px}.swipe-row--rest .swipe-action{border-radius:10px;margin:6px 8px 6px 0}.swipe-action--restore{right:auto;left:0;background:var(--azul)}.swipe-row--rest .swipe-action--restore{margin:6px 0 6px 8px}.swipe-action--popping{animation:swipe-pop .32s cubic-bezier(.34,1.55,.55,1)}@keyframes swipe-pop{0%{transform:scale(.92)}55%{transform:scale(1.06)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.swipe-action{transition:none}.swipe-action--popping{animation:none}}.type-toggle{display:flex;gap:0;border:2px solid var(--gray-200);border-radius:var(--radius-sm);overflow:hidden}.type-toggle-btn{flex:1;font-family:Poppins,sans-serif;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;background:transparent;cursor:pointer;color:var(--gray-500);transition:all .15s}.type-toggle-btn svg{flex-shrink:0}.type-toggle-btn.active{background:var(--azul);color:var(--white)}.song-picker-list{max-height:220px;overflow-y:auto;border:2px solid var(--gray-200);border-radius:var(--radius-sm);margin-top:6px}.song-picker-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--gray-100)}.song-picker-row:last-child{border-bottom:none}@media(hover:hover){.song-picker-row:hover{background:var(--gray-50)}}.song-picker-row:active{background:var(--gray-100)}.song-picker-title{font-size:13px;font-weight:400;color:var(--navy)}.song-picker-singer{font-size:12px;color:var(--gray-400)}.song-picker-empty{font-size:13px;color:var(--gray-400);padding:16px;text-align:center}.selected-song-row{display:flex;align-items:center;gap:10px;background:var(--gray-50);border-radius:var(--radius-sm);padding:10px 12px}.selected-song-info{flex:1}.selected-song-title{display:block;font-size:14px;font-weight:500;color:var(--navy)}.selected-song-singer{display:block;font-size:12px;color:var(--gray-500)}.calendar-event-list{display:flex;flex-direction:column;gap:0;max-height:300px;overflow-y:auto;border:2px solid var(--gray-200);border-radius:var(--radius-sm)}.calendar-event-row{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--gray-100)}.calendar-event-row:last-child{border-bottom:none}@media(hover:hover){.calendar-event-row:hover{background:var(--gray-50)}}.calendar-event-row:active{background:var(--gray-100)}.calendar-event-row.selected{background:#4cabe01a}.calendar-event-row.dimmed{opacity:.5;cursor:not-allowed}.calendar-event-row.dimmed:active{background:transparent}.calendar-event-row-date{font-size:11px;color:var(--azul);min-width:52px;font-weight:400}.calendar-event-row-title{flex:1;font-size:13px;color:var(--navy)}.calendar-event-check{color:var(--azul);font-size:16px}.already-linked-badge{font-size:11px;color:var(--gray-400)}.types-list{display:flex;flex-direction:column;gap:10px}.type-row{background:var(--white);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.type-row-chip{display:inline-block;padding:5px 14px;border-radius:5px;font-size:13px;font-weight:400;margin-top:-2px}.type-row-count{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--gray-500);margin-right:auto}.type-row-actions{display:flex;gap:6px}.color-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.color-swatch{width:30px;height:30px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--navy);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--navy)}.color-preview-chip{display:inline-block;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:500;margin-bottom:4px}.hex-input-row{display:flex;align-items:center;gap:8px}.hex-swatch{width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0;border:2px solid var(--gray-200)}.history-section{display:flex;flex-direction:column;gap:8px}.history-section-title{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:400;color:var(--navy);padding-bottom:4px;border-bottom:2px solid var(--mostaza)}.history-section-title svg{flex-shrink:0}.history-embedded{padding:14px 12px 16px;display:flex;flex-direction:column;gap:16px}.history-list{display:flex;flex-direction:column;gap:6px}.history-no-completed{font-size:13px;color:var(--gray-400);padding:8px 0}.history-row{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.history-row-main{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s}@media(hover:hover){.history-row-main:hover{background:var(--gray-50)}}.history-row-main:active{background:var(--gray-100)}.history-row-info{flex:1;min-width:0}.history-song-title{display:block;font-size:14px;font-weight:400;color:var(--navy)}.history-song-singer{display:block;font-size:12px;color:var(--gray-500)}.history-row-stats{display:flex;align-items:center;gap:8px;flex-shrink:0}.history-bar-wrap{width:80px;height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}.history-bar{height:100%;background:var(--azul);border-radius:3px;transition:width .4s}.history-count{font-size:12px;font-weight:400;color:var(--azul);min-width:36px;text-align:right}.history-never{font-size:11px;color:var(--gray-400)}.history-row-detail{padding:12px 16px 14px;border-top:1px solid var(--gray-100);background:var(--gray-50)}.history-last-sung{font-size:12px;color:var(--gray-500);margin-bottom:8px}.history-services{display:flex;flex-direction:column;gap:4px}.history-service-row{display:flex;gap:10px;align-items:baseline}.history-service-date{font-size:11px;color:var(--azul);min-width:56px}.history-service-title{font-size:12px;color:var(--navy)}.empty-state{text-align:center;padding:48px 20px;color:var(--gray-400)}.empty-state-icon{font-size:44px;margin-bottom:12px}.empty-state-icon svg{width:46px;height:46px;display:inline-block;color:var(--gray-500)}.empty-state-text{font-size:15px;font-weight:400;color:var(--gray-500);margin-bottom:4px}.empty-state-sub{font-size:13px}.toast{position:fixed;bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%) translateY(100px);background:var(--navy);color:var(--white);padding:11px 20px;border-radius:var(--radius-sm);font-size:13px;box-shadow:var(--shadow-lg);z-index:400;opacity:0;transition:all .3s;white-space:nowrap;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@media(max-width:480px){.header-app-name{font-size:15px}.song-detail-title{font-size:18px}.setlist-detail-title{font-size:17px}.form-row{flex-direction:column;gap:0}.filters-row{gap:5px}.filter-select{font-size:11px;max-width:130px}.history-bar-wrap{width:52px}}