.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.gallery-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}button:disabled{opacity:.6;cursor:wait}:root{--color-primary: #003e7e;--color-primary-light: #0055a4;--color-primary-dark: #002a5c;--color-accent: #ce1126;--color-bg: #f5f5f5;--color-card-bg: #ffffff;--color-text: #1a1a1a;--color-text-light: #666;--color-border: #ddd;--color-danger: #d32f2f;--color-warning: #f9a825;--color-info: #1976d2;--color-urgent: #d32f2f;--radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--max-width: 600px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;max-width:var(--max-width);margin:0 auto;padding:1rem;width:100%}.nav{background:var(--color-primary);color:#fff;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;max-width:var(--max-width);margin:0 auto}.nav-logo{color:#fff;text-decoration:none;display:flex;flex-direction:column;line-height:1.2}.nav-logo-text{font-size:1.25rem;font-weight:700}.nav-logo-sub{font-size:.75rem;opacity:.85}.nav-menu-toggle{display:none}.nav-menu-toggle summary{font-size:1.5rem;cursor:pointer;list-style:none}.nav-links{list-style:none;display:flex;flex-wrap:wrap;gap:0;padding:0 1rem;max-width:var(--max-width);margin:0 auto}.nav-links a{color:#ffffffd9;text-decoration:none;display:block;padding:.5rem .75rem;font-size:.875rem;border-radius:var(--radius);transition:background .2s}.nav-links a:hover,.nav-links a.active{background:#ffffff26;color:#fff}.nav-leader{margin-left:auto}.nav-leader a{background:#ffffff1a;font-weight:600}.alert-banner{background:var(--color-primary-light);color:#fff;padding:.5rem 1rem;max-width:var(--max-width);margin:0 auto;width:100%}.alert-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:6px}.alert-icon{font-size:1.1rem}.hero{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-radius:var(--radius);margin-bottom:1.5rem}.hero h1{font-size:1.75rem;margin-bottom:.5rem}.hero p{opacity:.9}.section{margin-bottom:2rem}.section-title{font-size:1.25rem;margin-bottom:.75rem;color:var(--color-primary)}.page-title{font-size:1.5rem;color:var(--color-primary);margin-bottom:.25rem}.page-subtitle{color:var(--color-text-light);font-size:.875rem;margin-bottom:1.5rem}.card{background:var(--color-card-bg);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);margin-bottom:1rem}.event-list{display:flex;flex-direction:column;gap:.75rem}.event-card{display:flex;gap:1rem;background:var(--color-card-bg);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.event-date{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:var(--radius);width:3.5rem;height:3.5rem;padding:.25rem}.event-day{font-size:1.5rem;font-weight:700;line-height:1}.event-month{font-size:.75rem;text-transform:uppercase}.event-details{flex:1;min-width:0}.event-title{font-size:1rem;margin-bottom:.25rem}.event-time{font-size:.875rem;color:var(--color-text-light);margin-bottom:.25rem}.event-location{font-size:.875rem;margin-bottom:.25rem}.event-description{font-size:.875rem;color:var(--color-text-light);margin-top:.5rem}.event-enhancement{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.enhancement-item{font-size:.875rem;margin-bottom:.25rem}.announcement-list{display:flex;flex-direction:column;gap:.75rem}.announcement-card{background:var(--color-card-bg);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);position:relative}.announcement-card h3{font-size:1.1rem;margin-bottom:.25rem;color:var(--color-primary)}.announcement-date{font-size:.75rem;color:var(--color-text-light);margin-bottom:.5rem}.announcement-body{font-size:.95rem}.badge{display:inline-block;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;background:var(--color-border);color:var(--color-text-light);margin-bottom:.5rem}.badge-pinned{background:var(--color-primary-light);color:#fff}.alert-list{display:flex;flex-direction:column;gap:.75rem}.alert-card{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.alert-info{color:#123956;background:#e3f2fd;border-left:4px solid var(--color-info)}.alert-warning{color:#573500;background:#fff8e1;border-left:4px solid var(--color-warning)}.alert-urgent{color:#7b1720;background:#ffebee;border-left:4px solid var(--color-urgent)}.alert-inactive{opacity:.5}.alert-icon{font-size:1.25rem}.alert-message{font-weight:500}.alert-date{font-size:.75rem;color:var(--color-text-light);margin-top:.25rem}.pin-gate{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem 1rem}.pin-gate-card{background:var(--color-card-bg);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);text-align:center;max-width:400px;width:100%}.pin-gate-card h1{color:var(--color-primary);margin-bottom:.5rem}.pin-gate-card p{color:var(--color-text-light);margin-bottom:1.5rem}.pin-form{display:flex;flex-direction:column;gap:1rem}.pin-input{text-align:center;font-size:1.5rem;letter-spacing:.5rem;padding:.75rem;border:2px solid var(--color-border);border-radius:var(--radius);width:100%}.pin-input:focus{outline:none;border-color:var(--color-primary)}.btn{display:inline-block;padding:.625rem 1.25rem;border-radius:var(--radius);border:none;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .2s;text-align:center}.btn:hover{opacity:.9}.btn-primary{background:var(--color-primary);color:#fff}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-small{padding:.375rem .75rem;font-size:.8rem}.btn-full{width:100%}.form-card{margin-bottom:2rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:600;font-size:.875rem;margin-bottom:.25rem}.form-input{width:100%;padding:.625rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;font-family:inherit}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-title{font-size:1.1rem;color:var(--color-primary);margin-bottom:.75rem}.inline-form{display:inline}.enhancement-form{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.leader-grid{display:grid;grid-template-columns:1fr;gap:1rem}.leader-card{background:var(--color-card-bg);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);text-decoration:none;color:var(--color-text);display:block}.leader-card h3{color:var(--color-primary);margin-bottom:.25rem}.leader-card p{font-size:.875rem;color:var(--color-text-light)}.warning-banner{background:#fff3e0;border:1px solid #ffb74d;border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem}.welcome-msg{color:var(--color-text-light);font-size:.875rem;margin-bottom:1rem}.copy-box{background:#f0f0f0;border-radius:var(--radius);padding:.75rem;margin:.5rem 0 1rem;word-break:break-all}.copy-box code{font-size:.85rem}.empty-state{text-align:center;color:var(--color-text-light);padding:2rem;background:var(--color-card-bg);border-radius:var(--radius);box-shadow:var(--shadow)}.footer{text-align:center;padding:1.5rem 1rem;color:var(--color-text-light);font-size:.8rem}.error-page{text-align:center;padding:3rem 1rem}.error-page h1{color:var(--color-primary);margin-bottom:1rem}@media(min-width:768px){:root{--max-width: 700px}.leader-grid{grid-template-columns:1fr 1fr}.nav-menu-toggle{display:none}}@supports (padding: max(0px)){.nav{padding-top:env(safe-area-inset-top)}.content{padding-bottom:env(safe-area-inset-bottom)}}.nav-today{text-align:right;font-size:.8rem;line-height:1.4}.nav-today small{display:block;font-size:.65rem;opacity:.85}.photo-placeholder{min-height:200px;border:2px dashed #a9bdd2;background:#eaf1f8;border-radius:12px;text-align:center;padding:2rem;margin-bottom:1.5rem;color:#003e7e}.photo-placeholder>span{font-size:3rem}.highlights{display:grid;gap:.75rem}.pack-info-content,.announcement-body{white-space:pre-line}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between}.calendar-toolbar h2{font-size:1.2rem}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:1rem 0}.weekday{text-align:center;font-size:.75rem}.calendar-day{min-width:0;min-height:52px;border:1px solid #ccd5df;background:#fff;border-radius:6px;font:inherit;cursor:pointer;color:#182d42}.calendar-day small{display:block;font-size:.65rem}.calendar-day.has-events{background:#dbeafd;color:#003e7e;font-weight:700}.calendar-day.selected{background:#003e7e;color:#fff;outline:2px solid #003e7e;outline-offset:1px}.calendar-day[aria-current=date]{border:3px solid #a75700}.day-details h3{margin-bottom:.75rem}button:focus-visible,a:focus-visible{outline:3px solid #bd6b00;outline-offset:3px}.event-details,.card{overflow-wrap:anywhere}@media(min-width:600px){.highlights{grid-template-columns:repeat(3,1fr)}}.home-cub-logo{display:block;width:188px;max-width:100%;height:auto;margin:0 auto 1rem}.document-list{display:grid;gap:1rem}.document-list h2{font-size:1.2rem}.document-list .btn{white-space:normal;overflow-wrap:anywhere;max-width:100%}.document-remove{margin-top:1rem}.home-agenda{margin-bottom:1.5rem}.agenda-preview{width:100%;height:520px;border:1px solid #ccd5df;border-radius:8px;background:#fff}@media(max-width:600px){.agenda-preview{height:400px}}.nav-logo{flex-direction:row;align-items:center;gap:.6rem;flex-shrink:0}.nav-brand-copy{display:flex;flex-direction:column}.nav-cub-logo{display:block;width:44px;height:44px;object-fit:contain;background:#fff;border-radius:6px;padding:3px}.nav-header{gap:.75rem;align-items:flex-start}.nav-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;min-width:0}.nav-signin{color:#fff;font-size:.8rem;font-weight:700;text-align:right;padding:.35rem .5rem;border:1px solid #ffffff88;border-radius:6px}.recruitment-flyer img{display:block;width:100%;height:auto;border:1px solid #ccd5df;border-radius:6px}.recruitment-page .hero p{margin-bottom:1rem}@media(max-width:380px){.nav-cub-logo{width:34px;height:34px}.nav-logo-text{font-size:1.05rem}.nav-signin{font-size:.7rem}.nav-today{font-size:.65rem}}.settings-help{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));right:1rem;z-index:110}.settings-help summary{list-style:none;cursor:pointer;border:2px solid white;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;background:#003e7e;color:#fff;box-shadow:0 2px 8px #0004;font-size:1.8rem}.settings-help summary::-webkit-details-marker{display:none}.settings-help nav{position:absolute;bottom:60px;right:0;width:min(290px,calc(100vw - 2rem));background:#fff;color:#182d42;padding:1rem;border:1px solid #ccd5df;border-radius:10px;box-shadow:0 3px 15px #0003}.settings-help nav a{display:block;padding:.6rem 0}.settings-help nav p{font-size:.8rem}.footer{padding-bottom:5rem}.album-picker{margin:1rem 0}.album-picker select{max-width:100%}.message-channels{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.message-channels [aria-current=page]{background:#003e7e;color:#fff}.message-body{white-space:pre-wrap}.message-list .card{margin-bottom:.75rem}.den-choice{display:block;padding:.3rem}.nav-links a{font-weight:700}.leader-tools-shortcut{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));left:1rem;z-index:110;background:#003e7e;color:#fff;border:2px solid white;border-radius:24px;padding:.7rem 1rem;min-height:48px;text-decoration:none;font-weight:700;box-shadow:0 2px 8px #0004}.leader-tools-shortcut:hover{background:#002e60}.messaging-shortcut{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:110;display:grid;place-items:center;width:48px;height:48px;border:2px solid white;border-radius:50%;background:#003e7e;color:#fff;text-decoration:none;box-shadow:0 2px 8px #0004}.messaging-shortcut:hover{background:#002e60}@media(max-width:420px){.leader-tools-shortcut{left:.5rem;padding:.7rem .55rem;font-size:.75rem}.settings-help{right:.5rem}}.bottom-controls{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));left:0;right:0;z-index:110;max-width:700px;margin:0 auto;padding:0 .75rem;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.bottom-controls>*{pointer-events:auto}.bottom-controls .leader-tools-shortcut,.bottom-controls .messaging-shortcut,.bottom-controls .settings-help,.bottom-controls .alerts-shortcut{position:relative;bottom:auto;left:auto;right:auto;transform:none;margin:0}.alerts-shortcut{display:grid;place-items:center;width:48px;height:48px;border:2px solid white;border-radius:50%;background:#003e7e;color:#fff;box-shadow:0 2px 8px #0004}.alerts-shortcut:hover{background:#002e60}.unread-badge{display:inline-flex;justify-content:center;align-items:center;min-width:1.3rem;height:1.3rem;padding:0 .25rem;margin-left:.35rem;background:#b42318;color:#fff;border:1px solid white;border-radius:999px;font-size:.7rem;font-weight:700;line-height:1}.bottom-controls a>.unread-badge{position:absolute;right:-.3rem;top:-.4rem;margin:0}@media(max-width:420px){.bottom-controls{padding:0 .5rem;gap:.4rem}.bottom-controls .leader-tools-shortcut{font-size:.7rem;padding:.7rem .45rem}.bottom-controls .messaging-shortcut,.bottom-controls .alerts-shortcut{flex-shrink:0}}.visitor-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .75rem;margin-bottom:1rem}.visitor-menu a{padding:.55rem .2rem;min-height:44px;font-weight:700;font-size:.85rem;color:var(--color-primary)}.recruitment-page section[id]{scroll-margin-top:10rem}.recruitment-hero-link{color:#fff;text-decoration:underline}.recruitment-intro{margin-bottom:1rem}.recruitment-steps{padding-left:1.3rem;margin:.75rem 0}.recruitment-steps li{padding:.35rem 0}.recruitment-page .card p+p{margin-top:.75rem}.recruitment-faq details{padding:.75rem 0;border-bottom:1px solid var(--color-border)}.recruitment-faq summary{font-weight:700;cursor:pointer;min-height:36px}.recruitment-faq details p{margin-top:.5rem}.pdf-preview{width:100%;max-width:100%;margin:1rem 0;overflow:hidden}.pdf-preview canvas{display:block;max-width:100%;background:#fff;border:1px solid #ccd5df}.pdf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.6rem;flex-wrap:wrap}.pdf-toolbar span{font-size:.8rem}.pdf-preview details{margin:.75rem 0}.pdf-preview details p{white-space:pre-wrap;overflow-wrap:anywhere}.full-photo{display:block;max-width:100%;height:auto;margin:1rem auto}.file-back{margin-bottom:1rem}.remove-family{margin-top:1rem;padding-top:.75rem;border-top:1px solid #ddd}.remove-family summary{color:#a51d1d;cursor:pointer;font-weight:700}.file-view p{margin:.75rem 0}.mobile-menu-button{display:none}@media(max-width:767px){.nav-header{padding:.4rem .75rem;align-items:center;gap:.5rem}.nav-cub-logo{width:30px;height:30px}.nav-logo-text{font-size:1.05rem}.nav-logo-sub{font-size:.65rem}.nav-header-actions{gap:.1rem}.nav-signin{font-size:.65rem;padding:.15rem .3rem}.nav-today{font-size:.6rem}.mobile-menu-button{display:block;width:100%;text-align:left;background:transparent;color:#fff;border:0;cursor:pointer;padding:.35rem .75rem;font-size:.85rem;font-weight:700;border-top:1px solid #ffffff44}.mobile-navigation:not(.expanded)>.nav-links{display:none}.mobile-navigation.expanded>.nav-links{display:flex;max-height:45vh;overflow:auto}.nav-links{padding:.3rem .5rem;gap:.2rem}.nav-links a{padding:.35rem .5rem;font-size:.8rem}}@media(max-width:767px){.family-welcome{padding:.75rem .85rem;margin-bottom:.85rem}.family-welcome h1{font-size:1.2rem;line-height:1.25;margin-bottom:.35rem}.family-welcome p{font-size:.85rem;line-height:1.4}}