._tabsWrapper_1ekbc_2{position:relative;margin-bottom:1.5rem}._tabs_1ekbc_2{display:flex;gap:.25rem;border-bottom:2px solid var(--border);margin-bottom:0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}._tabs_1ekbc_2::-webkit-scrollbar{display:none}._tab_1ekbc_2{padding:.5rem 1.1rem;border:none;background:none;font-size:.95rem;font-family:inherit;cursor:pointer;color:var(--text-light);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s;white-space:nowrap;flex-shrink:0}._tab_1ekbc_2:hover{color:var(--text)}._tabActive_1ekbc_31{color:var(--navy);border-bottom-color:var(--gold);font-weight:700}._tabsScrollBtn_1ekbc_34{position:absolute;top:0;bottom:2px;z-index:2;width:2.25rem;border:none;cursor:pointer;display:flex;align-items:center;font-size:1.4rem;line-height:1;color:var(--navy);opacity:.85;transition:opacity .15s;padding:0}._tabsScrollBtn_1ekbc_34:hover{opacity:1}._tabsScrollLeft_1ekbc_52{left:0;justify-content:flex-start;padding-left:.15rem;background:linear-gradient(to right,var(--warm-white) 55%,transparent)}._tabsScrollRight_1ekbc_58{right:0;justify-content:flex-end;padding-right:.15rem;background:linear-gradient(to left,var(--warm-white) 55%,transparent)}._section_1ekbc_66{margin-bottom:2rem}._annCard_1ekbc_69{padding:.9rem 1rem}._annHeader_1ekbc_70{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}._urgentBadge_1ekbc_71{display:inline-block;background:#dc2626;color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:3px;margin-right:.5rem;vertical-align:middle;letter-spacing:.04em}._addForm_1ekbc_81{max-width:480px}._formRow_1ekbc_82{display:flex;gap:1rem}._memberGrid_1ekbc_85{display:flex;flex-direction:column;gap:.5rem}._memberCard_1ekbc_86{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}._memberInfo_1ekbc_96{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1;min-width:0}._memberEmail_1ekbc_104{color:var(--text-light);font-size:.85rem}._addedDate_1ekbc_105{color:var(--text-light);font-size:.78rem;margin-left:auto}._cardActions_1ekbc_106{display:flex;gap:.4rem;flex-shrink:0}._editForm_1ekbc_109{width:100%}._editActions_1ekbc_110{display:flex;gap:.5rem;margin-top:.5rem}._toggleBtn_1ekbc_113{margin-bottom:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #12203A;--navy-dk: #0d1829;--navy-mid: #1C2E50;--burgundy: #7B1225;--burgundy-dk: #5E0D1B;--gold: #B8882E;--gold-light: #D4A843;--ivory: #F7F4EE;--warm-white: #FDFBF8;--stone: #E8E2D9;--ivory-dark: #EDE7DF;--text: #1E1E1E;--text-light: #5A5249;--border: #E8E2D9;--urgent: #b91c1c;--urgent-bg: #fef2f2;--radius: 8px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--warm-white)}body{min-height:100vh;background:var(--warm-white)}.nav{display:flex;align-items:center;gap:1.5rem;padding:0 1.5rem;height:62px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:100;border-bottom:3px solid var(--gold);box-shadow:0 2px 8px #00000040}.nav-brand{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.nav-logo-link{display:flex;align-items:center;flex-shrink:0;opacity:.9;transition:opacity .15s}.nav-logo-link:hover{opacity:1}.nav-logo{height:36px;width:auto}.nav-title{font-size:1.1rem;font-weight:700;letter-spacing:.01em;color:#fff}.nav-links{display:flex;gap:.25rem;flex:1}.nav-link{color:#ffffffbf;text-decoration:none;padding:.4rem .75rem;border-radius:4px;font-size:.95rem;transition:background .15s,color .15s}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#ffffff1f;color:#fff;font-weight:600}.nav-user{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex-shrink:0}.nav-name{font-size:.85rem;color:#ffffffbf}.nav-signout{background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#fff;padding:.25rem .6rem;border-radius:4px;cursor:pointer;font-size:.82rem;transition:background .15s}.nav-signout:hover{background:#fff3}.director-pill{background:#b8882e26;border:1px solid rgba(184,136,46,.4);color:var(--gold);padding:.15rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.03em}.offline-banner{display:flex;align-items:center;gap:.5rem;background:#92400e;color:#fef3c7;font-size:.85rem;padding:.45rem 1.25rem;position:sticky;top:62px;z-index:99}.offline-banner-icon{font-size:.95rem;flex-shrink:0}.offline-banner-text{flex:1}.main-content{max-width:960px;margin:0 auto;padding:2rem 1.25rem}.login-layout{max-width:420px;padding-top:4rem}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.1rem;color:var(--text-light)}h1{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:1.85rem;margin-bottom:1.25rem;color:var(--navy)}h2{font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:var(--navy)}h3{font-size:1rem;margin-bottom:.5rem}.card{background:#fff;border:1px solid var(--stone);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.announcement-urgent{background:var(--urgent-bg);border-left:4px solid var(--urgent);border-radius:var(--radius);padding:.9rem 1.25rem;margin-bottom:.75rem}.announcement-urgent .ann-title{color:var(--urgent);font-weight:700}.announcement-normal{background:#fff;border:1px solid var(--stone)}.ann-body{color:var(--text);line-height:1.55;margin-top:.35rem}.ann-meta{font-size:.8rem;color:var(--text-light);margin-top:.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:5px;border:none;cursor:pointer;font-size:.9rem;font-family:inherit;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover:not(:disabled){background:var(--navy-dk)}.btn-secondary{background:var(--ivory-dark);color:var(--text);border:1px solid var(--stone)}.btn-secondary:hover:not(:disabled){background:var(--stone)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:.3rem .65rem;font-size:.82rem}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}label{font-size:.85rem;font-weight:600;color:var(--text)}input[type=text],input[type=email],select,textarea{padding:.45rem .65rem;border:1px solid var(--stone);border-radius:5px;font-size:.9rem;font-family:inherit;background:#fff;color:var(--text);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 2px #12203a26}.error-msg{color:var(--urgent);font-size:.85rem;margin-top:.25rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.filter-pill{padding:.3rem .75rem;border-radius:999px;border:1.5px solid var(--stone);background:#fff;font-size:.83rem;cursor:pointer;transition:all .15s}.filter-pill.active{background:var(--navy);color:#fff;border-color:var(--navy)}.filter-pill:hover:not(.active){background:var(--ivory);border-color:var(--text-light)}.track-search-wrapper{display:flex;align-items:center;gap:.3rem;margin-left:auto;background:#fff;border:1.5px solid var(--stone);border-radius:999px;padding:.15rem .65rem}.track-search-icon{width:14px;height:14px;flex-shrink:0;color:var(--text)}.track-search{border:none;outline:none;background:transparent;font-size:.83rem;font-family:inherit;color:var(--text);width:140px}.track-search::placeholder{color:var(--text-light)}.track-search::-webkit-search-cancel-button{display:none}.group-tabs{display:flex;gap:0;border-bottom:2px solid var(--stone);margin-bottom:1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.group-tabs::-webkit-scrollbar{display:none}.group-tab{padding:.45rem 1.1rem;border:none;background:none;font-size:.93rem;font-family:inherit;cursor:pointer;color:var(--text-light);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s;white-space:nowrap;flex-shrink:0}.group-tab:hover{color:var(--text)}.group-tab.active{color:var(--navy);border-bottom-color:var(--gold);font-weight:700}.group-tabs-wrapper{position:relative;margin-bottom:1.25rem}.group-tabs-wrapper .group-tabs{margin-bottom:0}.tabs-scroll-btn{position:absolute;top:0;bottom:2px;z-index:2;width:2.25rem;border:none;cursor:pointer;display:flex;align-items:center;font-size:1.4rem;line-height:1;color:var(--navy);opacity:.85;transition:opacity .15s;padding:0}.tabs-scroll-btn:hover{opacity:1}.tabs-scroll-left{left:0;justify-content:flex-start;padding-left:.15rem;background:linear-gradient(to right,var(--warm-white) 50%,transparent)}.tabs-scroll-right{right:0;justify-content:flex-end;padding-right:.15rem;background:linear-gradient(to left,var(--warm-white) 50%,transparent)}.voice-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.voice-badge.soprano{background:#fce7f3;color:#9d174d}.voice-badge.alto{background:#ede9fe;color:#5b21b6}.voice-badge.tenor{background:#dbeafe;color:#1e40af}.voice-badge.bass{background:#dcfce7;color:#166534}.voice-badge.tenorbass{background:#cffafe;color:#155e75}.voice-badge.satb,.voice-badge.all{background:var(--ivory-dark);color:var(--text-light)}.voice-badge.unknown{background:#f3f4f6;color:#6b7280}.voice-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;flex-shrink:0;font-size:.68rem;font-weight:700}.voice-dot.soprano{background:#fce7f3;color:#9d174d}.voice-dot.alto{background:#ede9fe;color:#5b21b6}.voice-dot.tenor{background:#dbeafe;color:#1e40af}.voice-dot.bass{background:#dcfce7;color:#166534}.voice-dot.tenorbass{background:#cffafe;color:#155e75}.player-bar{position:fixed;bottom:0;left:0;right:0;background:var(--navy-dk);color:#fff;padding:.9rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 -2px 8px #0000004d;z-index:200;border-top:2px solid var(--gold)}.player-play-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.6rem;line-height:1;opacity:.85;transition:opacity .15s;padding:.3rem;flex-shrink:0}.player-play-btn:hover{opacity:1}.player-main{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.player-title{flex:1;font-size:.88rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-seek-row{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.player-seek{width:160px;accent-color:var(--gold)}.player-time{font-size:.78rem;color:#ffffffb3;flex-shrink:0}.player-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.3rem;font-size:1rem;opacity:.85;transition:opacity .15s;line-height:1}.player-btn:hover{opacity:1}.player-close{flex-shrink:0}.login-card{background:#fff;border:1px solid var(--stone);border-radius:var(--radius);padding:2rem;text-align:center}.login-logo-banner{background:var(--navy);border-bottom:3px solid var(--gold);margin:-2rem -2rem 1.5rem;border-radius:var(--radius) var(--radius) 0 0;padding:1.5rem 2rem;display:flex;justify-content:center;align-items:center}.login-logo{width:100px;display:block}.login-subtitle{color:var(--text-light);font-size:.9rem;margin-bottom:1.75rem}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--text-light);font-size:.8rem}.login-divider:before,.login-divider:after{content:"";flex:1;border-top:1px solid var(--stone)}.login-btn-full{width:100%;justify-content:center;padding:.6rem 1rem}.login-provider-group{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.5rem}.login-provider-label{font-size:.78rem;color:var(--text-light);text-align:left;margin-bottom:.1rem;letter-spacing:.04em;text-transform:uppercase}.login-btn-provider{display:flex;align-items:center;justify-content:center;gap:.7rem;background:#fff;color:var(--text);border:1px solid var(--stone);font-size:.9rem;font-weight:500;transition:background .12s,border-color .12s}.login-btn-provider:hover:not(:disabled){background:var(--ivory-dark);border-color:#b8aea5}.login-btn-facebook{color:#1877f2}.login-btn-facebook:hover:not(:disabled){background:#f0f4ff;border-color:#a8bcf0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:24px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--navy)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch-disabled{opacity:.4;cursor:not-allowed}.notifications-panel{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem 1.25rem;background:var(--ivory-dark);border-radius:var(--radius);border:1px solid var(--stone);gap:1rem}.notifications-panel-info{flex:1;min-width:0}.notifications-panel-title{font-weight:600;font-size:.9rem}.notifications-panel-sub{font-size:.78rem;color:var(--text-light);margin-top:.2rem}.notifications-panel-control{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.coming-soon-badge{font-size:.68rem;color:var(--navy);font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 600px){.main-content{padding-left:.35rem;padding-right:.35rem}.service-group{border-radius:0;border-left:none;border-right:none}.nav{flex-wrap:wrap;height:auto;padding:.4rem .75rem;gap:0}.nav-brand{order:1;flex:1;min-width:0;padding:.2rem 0}.nav-title{font-size:.88rem}.nav-logo{height:28px}.nav-user{order:2;gap:.3rem;padding:.2rem 0}.nav-name{font-size:.72rem;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.director-pill{font-size:.62rem;padding:.1rem .3rem}.nav-links{order:3;flex:none;width:100%;border-top:1px solid rgba(255,255,255,.15);padding:.3rem 0 .4rem;gap:.25rem}.nav-link{font-size:.88rem;padding:.35rem .65rem}.offline-banner{top:0;position:static}.player-bar{padding:0;gap:0;align-items:stretch}.player-play-btn{font-size:2.4rem;padding:0 1rem;align-self:stretch;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.18)}.player-main{flex-wrap:wrap;padding:.5rem .75rem;gap:.15rem .5rem;align-items:center}.player-title{order:1;flex:1}.player-close{order:2}.player-seek-row{order:3;width:100%;gap:.4rem}.player-seek{width:auto;flex:1;min-width:0}}.urgent-strip{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.urgent-strip-item{display:flex;align-items:baseline;gap:.5rem;background:var(--urgent-bg);border-left:3px solid var(--urgent);border-radius:4px;padding:.3rem .75rem;font-size:.82rem;line-height:1.4}.urgent-strip-icon{color:var(--urgent);flex-shrink:0;font-size:.78rem}.urgent-strip-title{color:var(--urgent);font-weight:700}.urgent-strip-body{color:var(--text);margin-left:.25rem}.service-group{border:1px solid var(--stone);border-radius:5px;overflow:hidden;margin-bottom:.65rem}.service-header{display:flex;align-items:center;gap:.85rem;padding:.6rem 1rem;background:var(--navy);cursor:pointer;-webkit-user-select:none;user-select:none}.svc-date-badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:4px;padding:.28rem .65rem;text-align:center;flex-shrink:0;min-width:50px}.svc-date-badge.open{background:#b8882e24;border-color:#b8882e73}.svc-badge-month{display:block;font-size:.52rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);line-height:1.3}.svc-badge-day{display:block;font-size:1.25rem;font-weight:700;color:#fff;line-height:1}.svc-info{flex:1;min-width:0}.svc-name{font-size:.88rem;font-weight:600;color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc-count{font-size:.74rem;font-weight:400;color:#ffffff80;display:block;margin-top:.05rem}.service-chevron{font-size:.65rem;color:#fff6;transition:transform .18s;flex-shrink:0}.service-chevron.open{transform:rotate(90deg)}.service-date{font-weight:700;font-size:.95rem;color:#fff}.service-label{font-size:.8rem;color:#fff9}.service-header .offline-svc-btn,.service-header .btn.offline-svc-btn{background:#ffffff12;color:#ffffff80;border-color:#ffffff2e}.service-header .offline-svc-btn:hover:not(:disabled),.service-header .btn.offline-svc-btn:hover:not(:disabled){background:#ffffff24;color:#fff;border-color:#ffffff4d}.service-header .offline-svc-btn.cached,.service-header .btn.offline-svc-btn.cached{background:#b8882e1a;border-color:#b8882e66;color:var(--gold)}.service-header .offline-svc-btn.cached:hover:not(:disabled),.service-header .btn.offline-svc-btn.cached:hover:not(:disabled){background:#b8882e2e}.service-header .offline-svc-btn.cached.removing,.service-header .btn.offline-svc-btn.cached.removing{background:#dc26261f;border-color:#dc262659;color:#fca5a5}.track-list{display:flex;flex-direction:column}.track-row{display:flex;align-items:center;gap:.75rem;padding:.66rem 1rem;border-bottom:1px solid var(--stone);background:#fff;cursor:pointer;transition:background .1s}.track-row:last-child{border-bottom:none}.track-row:hover{background:var(--ivory)}.track-row.performance .track-type{display:none}.track-type{display:inline-block;background:var(--navy);color:#fff;font-weight:700;padding:.15rem .5rem;border-radius:3px;font-size:.72rem;text-transform:capitalize;flex-shrink:0}.track-row.playing{border-left:4px solid var(--gold);padding-left:calc(1rem - 3px);background:#f8f4ec}.track-row.playing:hover{background:#f2ecdf}.track-title-group{flex:1;display:flex;align-items:center;gap:.4rem;min-width:0}.track-title{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-play-icon{font-size:1rem;color:var(--navy);opacity:.35;flex-shrink:0;line-height:1}.track-row:hover .track-play-icon,.track-row:active .track-play-icon{opacity:.7}.track-row:active{background:var(--ivory);box-shadow:inset 3px 0 0 var(--navy)}.track-row.playing:active{box-shadow:none}@keyframes spin{to{transform:rotate(360deg)}}.refresh-spinner{display:inline-block;font-size:.75em;color:var(--text-light);animation:spin 1s linear infinite;vertical-align:middle}@keyframes eq-bounce{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.now-playing-eq{display:inline-flex;align-items:flex-end;gap:2px;width:16px;height:14px;flex-shrink:0}.now-playing-eq span{display:block;width:3px;height:100%;background:var(--gold);border-radius:1px;transform-origin:bottom;animation:eq-bounce .85s ease-in-out infinite}.now-playing-eq span:nth-child(1){animation-delay:0s}.now-playing-eq span:nth-child(2){animation-delay:.28s}.now-playing-eq span:nth-child(3){animation-delay:.14s}.offline-eviction-banner{display:flex;align-items:flex-start;gap:.6rem;background:#fefce8;border:1px solid #fde047;border-left:4px solid #ca8a04;border-radius:var(--radius);padding:.7rem .85rem;margin-bottom:1rem;font-size:.85rem;line-height:1.45}.offline-eviction-icon{color:#ca8a04;flex-shrink:0;font-size:.9rem;margin-top:.05rem}.offline-eviction-text{flex:1;color:var(--text)}.offline-eviction-close{background:none;border:none;cursor:pointer;color:var(--text-light);font-size:.85rem;padding:0;line-height:1;flex-shrink:0;opacity:.7;transition:opacity .15s}.offline-eviction-close:hover{opacity:1}.offline-svc-btn{margin-left:auto;flex-shrink:0;background:var(--ivory-dark);color:var(--text);border:1px solid var(--stone);border-radius:5px;padding:.25rem .6rem;font-size:.78rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit}.offline-svc-btn:hover:not(:disabled){background:var(--stone)}.offline-svc-btn:disabled{opacity:.6;cursor:default}.offline-svc-btn.cached{background:#dcfce7;border-color:#86efac;color:#166534}.offline-svc-btn.cached:hover:not(:disabled){background:#bbf7d0}.offline-svc-btn.cached.removing{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.offline-track-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--stone);background:none;color:var(--text-light);font-size:.85rem;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s;font-family:inherit}.offline-track-btn:hover:not(:disabled){background:var(--ivory-dark);border-color:var(--text-light);color:var(--text)}.offline-track-btn:disabled{opacity:.5;cursor:default}.offline-track-btn.cached{background:#dcfce7;border-color:#86efac;color:#166534}.offline-track-btn.cached:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.offline-track-btn.cached.removing{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.offline-track-cached{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#dcfce7;color:#166534;font-size:.6rem;font-weight:700;flex-shrink:0}.offline-storage-bar{display:flex;align-items:center;gap:1rem;margin-top:1.75rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--stone);border-radius:var(--radius)}.offline-storage-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.offline-storage-label{font-size:.78rem;font-weight:600;color:var(--text)}.offline-storage-amount{font-size:.75rem;color:var(--text-light)}.offline-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:500;padding:1.25rem}.offline-modal{background:#fff;border-radius:var(--radius);padding:1.5rem;max-width:380px;width:100%;box-shadow:0 8px 32px #00000040}.offline-modal-title{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:.6rem}.offline-modal-message{font-size:.88rem;color:var(--text);line-height:1.55;margin-bottom:1.1rem}.offline-modal-actions{display:flex;gap:.6rem;justify-content:flex-end}