:root{--bg-dark:#07080d;--bg-card:#101220a6;--bg-card-hover:#181b30cc;--gold-primary:#d4af37;--gold-secondary:#f4d068;--gold-glow:#d4af3733;--gold-gradient:linear-gradient(135deg, #d4af37 0%, #f9d976 100%);--indigo-primary:#4f46e5;--indigo-secondary:#6366f1;--indigo-glow:#4f46e54d;--indigo-gradient:linear-gradient(135deg, #4f46e5 0%, #818cf8 100%);--emerald-primary:#10b981;--emerald-glow:#10b98133;--emerald-gradient:linear-gradient(135deg, #059669 0%, #34d399 100%);--rose-primary:#ef4444;--rose-glow:#ef444433;--rose-gradient:linear-gradient(135deg, #dc2626 0%, #f87171 100%);--glass-border:#ffffff0f;--glass-border-hover:#ffffff1f;--glass-border-gold:#d4af3733;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 2px 8px -1px #0000004d;--shadow-md:0 10px 25px -5px #00000080;--shadow-lg:0 20px 40px -15px #000000b3;--shadow-gold:0 0 20px 0 #d4af371f;--shadow-indigo:0 0 25px 0 #4f46e526;--radius-sm:8px;--radius-md:14px;--radius-lg:20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% 0,#d4af3714 0%,#0000 60%),radial-gradient(circle at 10% 20%,#4f46e51f 0%,#0000 40%),radial-gradient(circle at 90% 80%,#d4af370a 0%,#0000 45%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;font-weight:600}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.25rem,4vw,1.75rem)}h3{font-size:clamp(1.1rem,3vw,1.4rem)}a{color:var(--indigo-secondary);text-decoration:none;transition:all .2s}.app-container{flex-direction:column;max-width:1000px;min-height:100vh;margin:0 auto;padding:1.5rem 1rem;display:flex}@media (width>=640px){.app-container{padding:2.5rem 1.5rem}}.main-content{flex:1}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:1.25rem;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s,box-shadow .25s,background-color .25s}@media (width>=640px){.glass-panel{padding:2rem}}.glass-panel:hover{border-color:var(--glass-border-hover)}.glass-panel.clickable{cursor:pointer}.glass-panel.clickable:hover{box-shadow:var(--shadow-lg);background:var(--bg-card-hover);transform:translateY(-2px)}.glass-panel.clickable:active{transform:translateY(0)}.app-header{border-bottom:1px solid var(--glass-border);text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}@media (width>=640px){.app-header{text-align:left;flex-direction:row;justify-content:space-between;margin-bottom:3rem}}.logo-container{align-items:center;gap:.75rem;display:flex}.logo-icon{width:38px;height:38px;stroke:var(--gold-primary);filter:drop-shadow(0 0 8px var(--gold-glow))}@media (width>=640px){.logo-icon{width:44px;height:44px}}.logo-text h1{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.35rem;font-weight:700;line-height:1.1}.logo-text p{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.nav-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}@media (width>=640px){.nav-links{gap:.75rem}}.form-group{text-align:left;margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:500;display:block}.form-input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:#fff;width:100%;font-family:var(--font-body);background:#00000073;padding:.75rem .85rem;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--gold-primary);background:#0009;outline:none;box-shadow:0 0 8px #d4af3726}.form-row{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.form-row{grid-template-columns:1fr 1fr}}.btn{font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--gold-gradient);color:#0c0b08;box-shadow:var(--shadow-sm)}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:active{transform:scale(.97)}.btn-indigo{background:var(--indigo-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-indigo:hover{filter:brightness(1.1)}.btn-indigo:active{transform:scale(.97)}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffff0a}.btn-secondary:hover{border-color:var(--glass-border-hover);background:#ffffff14}.btn-secondary:active{transform:scale(.97)}.btn-danger{background:var(--rose-gradient);color:#fff}.btn-danger:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.slot-card{border:1px solid var(--glass-border);background:var(--bg-card);border-radius:var(--radius-sm);text-align:left;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media (width>=640px){.slot-card{flex-direction:row;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem}}.slot-card.tappable{cursor:pointer}.slot-card.tappable:hover{background:var(--bg-card-hover);border-color:#d4af3766}.slot-card.tappable:active{border-color:var(--gold-primary);background:#d4af3714;transform:scale(.98);box-shadow:0 2px 10px #d4af370d}.slot-card.special{border-color:var(--gold-primary);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#d4af370a 0%,#d4af371a 100%)}.slot-card.special.tappable:hover{border-color:var(--gold-secondary);background:linear-gradient(135deg,#d4af3714 0%,#d4af3729 100%)}.slot-card.blocked{background:#ef444408;border-color:#ef444440}.slot-card.status-open{box-shadow:inset 3px 0 #d4af37a6}.slot-card.status-covered{box-shadow:inset 3px 0 #10b981a6}.slot-card.status-blocked{box-shadow:inset 3px 0 #ef444480}.slot-col-time{flex-shrink:0;min-width:130px}.slot-col-names{flex:1;align-items:center;display:flex}.slot-col-action{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}@media (width<=639px){.slot-col-names{padding-top:0}.slot-col-action{justify-content:flex-start;width:100%}.slot-col-action .btn{justify-content:center;width:100%}}.name-chip{color:var(--gold-secondary);letter-spacing:.01em;background:#d4af370f;border:1px solid #d4af372e;border-radius:99px;align-items:center;padding:.15rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.slot-empty-hint{color:var(--text-muted);opacity:.85;font-size:.78rem;font-style:italic}.btn-volunteer{color:#000;background:var(--gold-gradient);border-radius:var(--radius-sm);white-space:nowrap;border:none;padding:.4rem 1rem;font-size:.78rem;font-weight:700}.btn-covered{color:#a7f3d0;border-radius:var(--radius-sm);white-space:nowrap;cursor:default;background:#10b9811a;border:1px solid #10b9814d;align-items:center;gap:.3rem;padding:.4rem 1rem;font-size:.78rem;font-weight:600;display:inline-flex}.midnight-separator{align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.midnight-separator-line{background:linear-gradient(90deg,#0000,#d4af3740,#0000);flex:1;height:1px}.midnight-separator-label{color:var(--gold-secondary);opacity:.7;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-family:var(--font-heading)}.special-program-banner{cursor:default;-webkit-user-select:none;user-select:none;isolation:isolate;align-items:center;padding:.25rem 0 .25rem 3rem;display:flex;position:relative}.special-program-banner:before{content:"";z-index:0;background:linear-gradient(#0000 0%,#d4af3740 18%,#d4af3780 42% 58%,#d4af3740 82%,#0000 100%);width:2px;position:absolute;top:-1.8rem;bottom:-1.8rem;left:1.1rem}.special-program-banner:after{content:"";border:2px solid var(--bg-primary);z-index:1;background:#d4af37e6;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:calc(1.1rem - 5px);transform:translateY(-50%);box-shadow:0 0 10px #d4af3773}.special-program-inner{z-index:1;border-radius:var(--radius-sm);white-space:nowrap;background:#d4af370d;border:1px solid #d4af3733;align-items:center;gap:.5rem;padding:.32rem .85rem;display:flex;position:relative}.special-program-icon{opacity:.8;font-size:.8rem}.special-program-name{font-family:var(--font-heading);color:var(--gold-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.special-program-time{color:#d4af378c;align-items:center;gap:.25rem;font-size:.7rem;display:flex}.special-program-glow,.special-program-body,.special-program-note{display:none}.slot-inline-timeline{flex-direction:column;gap:.22rem;display:flex;position:relative}.slot-inline-timeline:before{content:"";pointer-events:none;background:linear-gradient(#d4af3726 0%,#d4af378c 30% 70%,#d4af3726 100%);border-radius:1px;width:2px;position:absolute;top:1.1rem;bottom:1.1rem;left:.38rem}.slot-inline-time{color:#fff;z-index:1;align-items:center;gap:.4rem;font-size:1.05rem;font-weight:700;display:flex;position:relative}.slot-inline-prog{z-index:1;align-items:center;gap:.45rem;padding-left:.05rem;display:flex;position:relative}.slot-inline-dot{border:2px solid var(--bg-primary);background:#d4af37e6;border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 8px #d4af3780}.slot-inline-pill{color:var(--gold-secondary);white-space:nowrap;background:#d4af3714;border:1px solid #d4af3738;border-radius:999px;padding:.1rem .55rem;font-size:.72rem;font-weight:600}.coverage-bar-wrapper{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#00000040;margin-bottom:1.25rem;padding:1rem 1.25rem}.coverage-bar-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.6rem;display:flex}.coverage-bar-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.2rem;font-size:.7rem;display:block}.coverage-bar-callout{color:var(--gold-secondary);opacity:.9;font-size:.8rem;font-style:italic;display:block}.coverage-bar-pct{font-size:1.6rem;font-weight:800;font-family:var(--font-heading);color:#fff;flex-shrink:0;line-height:1}.coverage-bar-track{background:#ffffff0d;border-radius:99px;width:100%;height:8px;margin-bottom:.5rem;overflow:hidden}.coverage-bar-fill{background:var(--gold-gradient);border-radius:99px;min-width:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.coverage-bar-footer{color:var(--text-muted);font-size:.72rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#04050ad9;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--glass-border);box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff08;border-radius:var(--radius-md);background:#0e101cf5;width:100%;max-width:440px;padding:1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:relative}@media (width>=640px){.modal-content{padding:2.25rem}}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#fff;background-color:#ffffff0d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pulse-amber{animation:2s infinite pulse-gold;box-shadow:0 0 #d4af374d}@keyframes pulse-gold{0%{box-shadow:0 0 #d4af374d}70%{box-shadow:0 0 0 8px #d4af3700}to{box-shadow:0 0 #d4af3700}}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:9999px;align-items:center;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-gold{color:var(--gold-secondary);background:#d4af371f;border:1px solid #d4af3740}.badge-emerald{color:#a7f3d0;background:#10b9811f;border:1px solid #10b98140}.badge-rose{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440}.badge-indigo{color:#c7d2fe;background:#4f46e51f;border:1px solid #4f46e540}.accordion-content{max-height:0;transition:max-height .3s cubic-bezier(0,1,0,1);overflow:hidden}.accordion-content.open{max-height:1000px;transition:max-height .35s cubic-bezier(.85,0,.15,1)}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.grid-cols-2{grid-template-columns:1fr 1fr;gap:1.25rem}}@media (width>=768px){.grid-cols-3{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}}.app-footer{border-top:1px solid var(--glass-border);color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:auto;padding-top:2rem;padding-bottom:1.25rem;font-size:.8rem;display:flex}@media (width>=640px){.app-footer{text-align:left;flex-direction:row;justify-content:space-between;padding-top:3rem}}@media print{body{color:#000!important;background:#fff!important}.app-header,.app-footer,.btn,.no-print,.accordion-toggle{display:none!important}.glass-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;padding:0!important}h1,h2,h3,p,span{color:#000!important}.print-table{border-collapse:collapse;width:100%;margin-top:2rem}.print-table th,.print-table td{text-align:left!important;color:#000!important;border:1px solid #000!important;padding:8px 12px!important}.print-table th{font-weight:700;background-color:#f2f2f2!important}}