*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#1a1a1a;--bg-card-hover:#222;--bg-highlight:#1c1210;--accent:#dc2626;--accent-dark:#991b1b;--accent-glow:#dc262626;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#8a8a8a;--border:#2a2a2a;--border-accent:#dc2626;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem}[data-theme=light]{--bg-primary:#faf8fc;--bg-secondary:#f3eff8;--bg-card:#fff;--bg-card-hover:#f0ecf5;--bg-highlight:#fdf2f8;--accent:#a855f7;--accent-dark:#7c3aed;--accent-glow:#a855f71f;--text-primary:#1e1b2e;--text-secondary:#6b6180;--text-muted:#847a96;--border:#e4ddf0;--border-accent:#a855f7}[data-theme=modern]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-card-hover:#334155;--bg-highlight:#0f1d3a;--accent:#3b82f6;--accent-dark:#2563eb;--accent-glow:#3b82f626;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--border-accent:#3b82f6}[data-theme=warm]{--bg-primary:#fefbf4;--bg-secondary:#fdf6e8;--bg-card:#fffdf8;--bg-card-hover:#fef3d5;--bg-highlight:#fef3cd;--accent:#d97706;--accent-dark:#b45309;--accent-glow:#d977061f;--text-primary:#292117;--text-secondary:#78716c;--text-muted:#8a8580;--border:#e7e0d5;--border-accent:#d97706}[data-theme=ocean]{--bg-primary:#0b1628;--bg-secondary:#0f1f3d;--bg-card:#132742;--bg-card-hover:#1a3356;--bg-highlight:#0d2847;--accent:#06b6d4;--accent-dark:#0891b2;--accent-glow:#06b6d426;--text-primary:#e0f2fe;--text-secondary:#7dd3fc;--text-muted:#38bdf8;--border:#1e3a5f;--border-accent:#06b6d4}html{font-size:clamp(12px, calc(16px * (100vw / 1920)), 36px)}html,body{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#app{height:100vh;padding:var(--space-lg) var(--space-xl);flex-direction:column;display:flex}.header{padding-bottom:var(--space-xs);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:var(--space-md);display:flex}.gym-logo{object-fit:contain;border-radius:6px;max-width:14rem;height:3.75rem}.gym-logo.hidden{display:none}.logo-badge{background:var(--accent);color:#fff;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:.15rem .5rem;font-size:3rem;font-weight:900;line-height:1.15}.header-tagline{color:var(--text-primary);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;font-size:3.5rem;font-weight:700}.header-right{align-items:center;gap:var(--space-sm);display:flex}.clock-icon{width:36px;height:36px;color:var(--text-secondary)}.clock-time{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-primary);font-size:3.5rem;font-weight:700}.main-content{gap:var(--space-xl);min-height:0;padding-top:var(--space-lg);flex:1;grid-template-rows:1fr;grid-template-columns:38% 62%;display:grid;overflow:hidden}.schedule-column{gap:var(--space-xl);padding-right:var(--space-md);flex-direction:column;display:flex;overflow-y:auto}.schedule-column::-webkit-scrollbar{display:none}.schedule-column{-ms-overflow-style:none;scrollbar-width:none}.section{gap:var(--space-md);flex-direction:column;display:flex}.section-header{align-items:center;gap:var(--space-sm);display:flex}.section-title{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;font-size:1.1rem;font-weight:600}.section-icon{width:18px;height:18px;color:var(--text-secondary)}.live-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #dc262666}50%{opacity:.7;box-shadow:0 0 0 6px #dc262600}}#current-classes{gap:var(--space-sm);flex-direction:column;display:flex}.current-class-card{background:var(--bg-card);border-left:4px solid var(--accent);padding:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-lg);border-radius:8px;flex-direction:row;display:flex}.current-class-info{gap:var(--space-xs);flex-direction:column;display:flex}.current-class-name{color:var(--text-primary);text-transform:uppercase;font-size:2rem;font-weight:800;line-height:1.2}.current-class-time{align-items:center;gap:var(--space-xs);background:var(--bg-secondary);border:1px solid var(--border);padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);color:var(--text-secondary);width:fit-content;margin-top:var(--space-xs);border-radius:6px;font-size:1.1rem;display:inline-flex}.current-class-instructor{color:var(--text-secondary);font-size:1.2rem}.current-class-separator{opacity:.5;margin:0 .4em}.time-remaining{text-align:right;flex-direction:column;gap:2px;display:flex}.time-remaining-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.95rem}.time-remaining-value{font-family:var(--font-mono);color:var(--text-primary);font-size:2.2rem;font-weight:700}.no-class-card{background:var(--bg-card);border-left:4px solid var(--border);padding:var(--space-lg);border-radius:8px}.no-class-text{color:var(--text-muted);font-size:1.05rem}.next-class-card{background:var(--bg-highlight);border:1px solid #dc26264d;border-left:4px solid var(--accent);padding:var(--space-lg);border-radius:8px;position:relative}.next-class-badge{background:var(--accent);color:#fff;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-sm);border-radius:4px;padding:4px 12px;font-size:1rem;font-weight:700;display:inline-block}.next-class-content{justify-content:space-between;align-items:center;display:flex}.next-class-left{flex-direction:column;gap:4px;display:flex}.next-class-name{color:var(--text-primary);text-transform:uppercase;font-size:1.6rem;font-weight:800;line-height:1.2}.next-class-detail{color:var(--text-secondary);font-size:1rem}.next-class-right{text-align:right;flex-direction:column;gap:2px;display:flex}.next-class-countdown-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.95rem;font-weight:600}.next-class-countdown-value{font-family:var(--font-mono);color:var(--text-primary);font-size:2.2rem;font-weight:700}.schedule-item{padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-left:4px solid var(--border);margin-top:var(--space-md);border-radius:8px;justify-content:space-between;align-items:center;transition:border-color .3s;display:flex}.schedule-item:hover{border-left-color:var(--accent)}.schedule-item.is-tomorrow{opacity:.6}.next-class-card.is-tomorrow{opacity:.85}.schedule-item-left{flex-direction:column;gap:2px;display:flex}.schedule-item-name{color:var(--text-primary);text-transform:uppercase;font-size:1.65rem;font-weight:700}.schedule-item-instructor{color:var(--text-secondary);font-size:1.05rem}.schedule-item-right{text-align:right;flex-direction:column;gap:4px;display:flex}.schedule-item-start{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;white-space:nowrap;font-size:1.65rem;font-weight:700}.schedule-item-end{color:var(--text-muted);font-size:1rem}.announcements-column{flex-direction:column;display:flex;overflow:hidden}.announcements-wrapper{background:var(--bg-secondary);border-radius:12px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.carousel{perspective:800px;flex:1;position:relative;overflow:hidden}.announcement-slide{pointer-events:none;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.announcement-slide.active{pointer-events:auto}.transition-fade .announcement-slide{opacity:0;transition:opacity .8s ease-in-out}.transition-fade .announcement-slide.active{opacity:1}.transition-slide .announcement-slide{opacity:0;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transform:translate(100%)}.transition-slide .announcement-slide.active{opacity:1;transform:translate(0)}.transition-zoom .announcement-slide{opacity:0;transition:transform .7s ease-out,opacity .5s ease-out;transform:scale(.8)}.transition-zoom .announcement-slide.active{opacity:1;transform:scale(1)}.transition-flip .announcement-slide{opacity:0;backface-visibility:hidden;transition:transform .6s ease-in-out,opacity .3s ease-in-out;transform:rotateY(90deg)}.transition-flip .announcement-slide.active{opacity:1;transform:rotateY(0)}.announcement-media{flex:1;min-height:55%;position:relative;overflow:hidden}.announcement-media img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;top:0;left:0}.announcement-media:after{content:"";background:linear-gradient(transparent, var(--bg-secondary));height:80px;position:absolute;bottom:0;left:0;right:0}.announcement-slide.image-only .announcement-media{background:var(--bg-secondary);height:100%;min-height:100%}.announcement-slide.image-only .announcement-media img{object-fit:contain}.announcement-slide.image-only .announcement-media:after{display:none}.announcement-slide.shoutout-photo-slide .announcement-media{margin-left:calc(-1 * var(--space-xl));margin-right:calc(-1 * var(--space-xl));width:calc(100% + 2 * var(--space-xl))}.announcement-slide.shoutout-photo-slide .announcement-media img{object-fit:unset;width:100%;height:auto}.announcement-content{padding:var(--space-xl) var(--space-2xl);gap:var(--space-md);flex-direction:column;display:flex}.announcement-content.text-only{text-align:center;flex:1;justify-content:center;align-items:center}.announcement-content.with-media{padding:var(--space-lg) var(--space-2xl) var(--space-xl)}.announcement-badge{background:var(--accent);color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;width:fit-content;padding:4px 14px;font-size:1rem;font-weight:700;display:inline-block}.announcement-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:-.01em;font-size:3.5rem;font-weight:900;line-height:1.15}.announcement-body{color:var(--text-secondary);max-width:85%;font-size:1.6rem;line-height:1.6}.text-only .announcement-title{font-size:4.5rem}.text-only .announcement-body{font-size:2.2rem}.carousel-dots{justify-content:center;gap:var(--space-sm);padding:var(--space-md) 0 var(--space-md);z-index:10;pointer-events:none;background:0 0;display:flex;position:absolute;bottom:0;left:0;right:0}.carousel-dot{cursor:pointer;pointer-events:auto;background:#ffffff40;border:none;border-radius:3px;width:32px;height:6px;transition:all .3s}.carousel-dot.active{background:var(--accent);width:48px}.carousel-dot:hover{background:var(--text-muted)}.youtube-player-container{width:100%;height:100%;position:absolute;top:0;left:0}.youtube-player-container iframe{border:none;width:100%;height:100%}.youtube-overlay{z-index:2;padding-bottom:var(--space-2xl);background:linear-gradient(#0000,#000000b3);position:absolute;bottom:0;left:0;right:0}.shoutout-badge-color{background:#f59e0b}.shoutout-slide{flex-direction:column;justify-content:center;align-items:center;display:flex}.shoutout-carousel-layout{align-items:center;gap:var(--space-2xl);margin-top:var(--space-lg);display:flex}.shoutout-carousel-avatar{background:var(--bg-secondary);border:3px solid var(--border);width:140px;height:140px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:4rem;font-weight:700;display:flex}.shoutout-carousel-info{text-align:left}.shoutout-carousel-info .announcement-title{font-size:3.5rem}.event-takeover{padding:var(--space-xl);flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.event-flyer-container{border-radius:12px;width:75%;height:90%;overflow:hidden;box-shadow:0 0 60px #00000080}.event-flyer-image{object-fit:contain;background:var(--bg-primary);width:100%;height:100%}.event-flyer-generated{text-align:center;color:#fff;width:100%;height:100%;padding:var(--space-2xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.event-flyer-title{text-transform:uppercase;font-size:clamp(2.5rem,4vw,5rem);font-weight:900;line-height:1.1}.event-flyer-subtitle{letter-spacing:.2em;opacity:.8;margin-bottom:var(--space-md);text-transform:uppercase;font-size:clamp(1rem,1.5vw,1.8rem)}.event-flyer-details{opacity:.7;margin-top:var(--space-lg);font-size:clamp(1rem,1.3vw,1.6rem)}.event-flyer-time{font-size:clamp(1rem,1.3vw,1.6rem);font-family:var(--font-mono);opacity:.6;margin-top:var(--space-sm)}.hidden{display:none!important}body.portrait{--display-width:100vh;--display-height:100vw}body.portrait #app{transform-origin:50%;width:100vh;height:100vw;position:fixed;top:50%;left:50%}body.portrait-right #app{transform:translate(-50%,-50%)rotate(90deg)}body.portrait-left #app{transform:translate(-50%,-50%)rotate(-90deg)}body.portrait{font-size:clamp(12px, calc(16px * (100vh / 1920)), 36px)}body.schedule-only .announcements-column{display:none}body.schedule-only .main-content{grid-template-columns:1fr 1fr}body.schedule-only .schedule-column{gap:var(--space-xl);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}body.portrait.schedule-only .main-content,body.portrait.schedule-only .schedule-column{grid-template-columns:1fr}body.announcements-only .schedule-column{display:none}body.announcements-only .main-content{grid-template-columns:1fr}body.announcements-only .announcements-column{grid-column:1/-1}body.portrait:not(.schedule-only):not(.announcements-only) .main-content{grid-template-rows:auto 1fr;grid-template-columns:1fr}body.portrait:not(.schedule-only):not(.announcements-only) .schedule-column{max-height:45vw}@media (width<=1023px) and (orientation:portrait){.main-content{grid-template-rows:auto 1fr;grid-template-columns:1fr}.schedule-column{max-height:40vh}.clock-time{font-size:1.5rem}.announcement-title{font-size:1.8rem}.text-only .announcement-title{font-size:2rem}}@media (width>=1920px){body{cursor:none}}.slideshow-photo-container{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.slideshow-photo{object-fit:contain;width:100%;height:100%;transition:opacity .4s ease-in-out}.slideshow-photo.crossfade-out{opacity:0}