@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=SN+Pro:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;outline:none!important}*:focus,*:active,*:focus-visible,*:focus-within{outline:none!important}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #161616;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: #2a2a2a;--nav-bg: rgba(21, 21, 21, .95);--accent: #3b82f6;--accent-hover: #2563eb;--shadow: rgba(0, 0, 0, .4);--nav-height: 70px;--container-padding: clamp(.75rem, 2vw, 2rem);--map-height: clamp(400px, 60vh, 800px);--sidebar-width: clamp(280px, 25vw, 350px);--font-scale: clamp(.8rem, 1vw, 1rem);--spacing-scale: clamp(.5rem, 1.5vw, 1.5rem)}body.light-mode{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: #e2e8f0;--nav-bg: rgba(248, 250, 252, .95);--accent: #3b82f6;--accent-hover: #2563eb;--shadow: rgba(0, 0, 0, .05)}body{font-family:SN Pro,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}*{will-change:auto;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.container,.preview-card,.mini-chart-container{contain:layout style paint}.alert-ticker-wrapper{background:#0a0a0a;border-bottom:1px solid #222;overflow:hidden;position:relative;height:42px;pointer-events:none}.alert-ticker-wrapper.hidden{display:none}.alert-ticker-container{display:flex;align-items:center;height:100%}.alert-ticker-label{background:#333;color:#ccc;font-size:.75rem;font-weight:700;padding:0 16px;height:100%;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;z-index:2;flex-shrink:0;font-family:SN Pro,sans-serif}.alert-ticker-content{flex:1;overflow:hidden;position:relative;height:100%}.alert-ticker-scroll{display:flex;animation:ticker-scroll 50s linear infinite;height:100%;align-items:center;gap:0;pointer-events:none}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.alert-ticker-item{display:flex;align-items:center;gap:12px;padding:0 20px;white-space:nowrap;cursor:default;pointer-events:none;height:100%}.alert-type-indicator{width:4px;height:22px;border-radius:2px;flex-shrink:0}.alert-ticker-title{font-size:.8rem;font-weight:500;color:#fff;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.alert-ticker-location{font-size:.8rem;color:#666;font-weight:400;font-family:JetBrains Mono,monospace}.alert-ticker-logo{height:18px;width:18px;object-fit:contain;opacity:.2;margin-left:12px}.alert-popup-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:9999;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}#alertPopupOverlay,#alertPopupOverlay *{transform:none!important;backface-visibility:visible!important;perspective:none!important;will-change:auto!important}.alert-popup-overlay.active{display:flex}.alert-popup{background:#1a1a1a!important;border:1px solid #444!important;border-radius:12px;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex!important;flex-direction:column;opacity:1!important;visibility:visible!important;position:relative;z-index:10000;box-shadow:0 20px 60px #000c}.alert-popup-header{padding:16px 20px;border-bottom:1px solid #333;display:flex;align-items:center;gap:12px}.alert-popup-indicator{width:5px;height:36px;border-radius:2px;flex-shrink:0}.alert-popup-title{flex:1}.alert-popup-title h3{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase;margin:0 0 4px}.alert-popup-title p{font-size:.85rem;color:#888;margin:0}.alert-popup-close{background:none;border:none;color:#666;font-size:24px;cursor:pointer;padding:0;line-height:1}.alert-popup-close:hover{color:#fff}.alert-popup-content{padding:20px;overflow-y:auto;flex:1}.alert-popup-section{margin-bottom:16px}.alert-popup-section:last-child{margin-bottom:0}.alert-popup-label{font-size:.7rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.alert-popup-value{font-size:.9rem;color:#ccc;line-height:1.5}.alert-popup-counties{display:flex;flex-wrap:wrap;gap:6px}.alert-popup-county{background:#252525;padding:4px 10px;border-radius:4px;font-size:.8rem;color:#aaa}.alert-popup-text{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#888;background:#111;padding:12px;border-radius:6px;white-space:pre-wrap;max-height:200px;overflow-y:auto;line-height:1.6}.alert-popup-times{display:flex;gap:20px}.alert-popup-time{flex:1}.nav{background:var(--nav-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:var(--nav-height);display:flex;align-items:center}.nav-container{width:100%;max-width:min(1400px,95vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--container-padding)}.nav-brand{display:flex;align-items:center;gap:1rem;text-decoration:none}.nav-logo{width:32px;height:32px;object-fit:contain}.nav-title{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:500;color:var(--text-primary);letter-spacing:1px}.nav-buttons{display:flex;gap:1.5rem;align-items:center}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:.5rem;background:none;border:none;gap:5px;z-index:1002}.hamburger-line{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-dropdown{position:relative}.nav-dropdown-toggle{padding:.5rem .875rem;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;border-radius:6px;transition:all .2s ease;font-family:JetBrains Mono,monospace;font-weight:500;font-size:.75rem;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.5px}.nav-dropdown-toggle:hover{color:var(--text-primary)}.nav-dropdown-toggle svg{width:12px;height:12px;transition:transform .2s ease}.nav-dropdown:hover .nav-dropdown-toggle svg{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:#111;border:1px solid rgba(255,255,255,.2);border-radius:8px;min-width:180px;padding:6px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease;z-index:1000;margin-top:4px}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:block;padding:8px 12px;color:#aaa;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:.75rem;border-radius:4px;transition:all .15s ease;text-transform:uppercase;letter-spacing:.5px}.nav-dropdown-item:hover{background:#1a1a1a;color:#fff}.nav-dropdown-divider{height:1px;background:var(--border-color);margin:6px 0}.nav-dropdown-label{padding:6px 12px 4px;font-size:.6rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:1px}.nav-storm-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;vertical-align:middle}.nav-btn{padding:.5rem .875rem;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;border-radius:6px;transition:all .2s ease;font-family:JetBrains Mono,monospace;font-weight:500;font-size:.75rem;position:relative;text-decoration:none;display:inline-block;text-transform:uppercase;letter-spacing:.5px}.nav-btn:after{content:"";position:absolute;bottom:-1px;left:50%;width:0;height:2px;background:var(--accent);transition:all .2s ease;transform:translate(-50%)}.nav-btn:hover{color:var(--text-primary)}.nav-btn.active:after{width:80%}.nav-btn.active{color:var(--accent)}.nav-support-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.4);color:#60a5fa!important;padding:.5rem 1rem;border-radius:6px;margin-left:.5rem}.nav-support-btn:hover{background:#3b82f640;border-color:#3b82f699;color:#93c5fd!important}@media(max-width:1040px){.mobile-menu-toggle{display:flex!important}.nav-buttons{display:none;position:fixed!important;top:70px!important;left:0!important;right:0!important;height:calc(100vh - 70px)!important;background:#0a0a0a!important;flex-direction:column;gap:0;padding:1rem;overflow-y:auto;overflow-x:hidden;z-index:9999}.nav-buttons.open{display:flex!important}.nav-dropdown-toggle{display:none!important}.nav-dropdown{width:100%;margin-bottom:1.5rem}.nav-dropdown-menu{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;background:transparent;border:none;border-radius:0;margin:0;padding:0;max-height:none!important;overflow:visible;display:flex;flex-direction:column;gap:.25rem}.nav-dropdown:before{content:attr(data-section);display:block;font-size:.65rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem;padding-left:.25rem}.nav-dropdown-item{display:block;padding:.75rem 1rem;color:#ccc;background:#151515;border-radius:8px;font-size:.9rem;text-decoration:none;transition:all .15s ease}.nav-dropdown-item:active{background:#252525;color:#fff}.nav-btn{display:block;width:100%;padding:.75rem 1rem;color:#ccc;background:#151515;border-radius:8px;font-size:.9rem;text-align:left;margin-bottom:1.5rem}.nav-btn:after{display:none}.nav-btn:active{background:#252525;color:#fff}.nav-support-btn{margin-top:auto;padding:1rem;text-align:center;background:#3b82f626;border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#60a5fa!important}.nav-support-btn:active{background:#3b82f640}}.section{display:none}.section.active{display:block}.container{max-width:100%;margin:0 auto;padding:2rem 4rem}.section-title{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:1.25rem;text-align:left;text-transform:uppercase;letter-spacing:2px}.hero-section{text-align:center;background:url(/headerbac.png) center center / cover no-repeat;border:none;border-bottom:1px solid rgba(255,255,255,.15);border-radius:0;margin:-2rem -4rem 3rem;padding:6rem 4rem 5rem;position:relative}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.hero-section>*{position:relative;z-index:1}.hero-title{font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-weight:500;font-size:clamp(3.5rem,8vw,6rem);color:var(--text-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:6px}.hero-subtitle{font-size:1rem;color:var(--text-secondary);font-weight:400;font-family:SN Pro,sans-serif;letter-spacing:.5px}.promo-banner{margin-top:1.5rem;padding:10px 16px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;display:inline-flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .2s ease}.promo-banner:hover{border-color:#fff6}.promo-text{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.promo-text span{color:var(--text-primary)}.promo-arrow{color:var(--text-secondary);font-size:1rem}.promo-banner:hover .promo-arrow{color:var(--text-primary)}.time-display-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem 0;margin-bottom:1.5rem}.time-title{font-family:JetBrains Mono,monospace;font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.time-items{display:flex;align-items:center;gap:.75rem}.time-item{display:flex;align-items:baseline;gap:.25rem}.time-value{font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:500;color:var(--text-primary);letter-spacing:2px;font-variant-numeric:tabular-nums}.time-label{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-secondary);font-weight:500}.time-separator{font-family:JetBrains Mono,monospace;font-size:1.5rem;color:var(--text-secondary);opacity:.3}.live-stats-bar{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-family:JetBrains Mono,monospace;font-size:1.75rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-label{font-family:JetBrains Mono,monospace;font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.data-overview-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.preview-card{background:#151515;border:2px solid rgba(255,255,255,.6);border-radius:8px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:2rem;min-height:100px}.preview-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.preview-data{flex:2;display:flex;align-items:center;justify-content:center;min-height:120px;max-height:120px}.preview-title{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px}.preview-btn{background:transparent;color:var(--accent);border:1px solid var(--accent);padding:.6rem 1.25rem;border-radius:4px;cursor:pointer;font-weight:500;font-size:.8rem;font-family:SN Pro,sans-serif;white-space:nowrap;align-self:flex-start;transition:all .2s ease}.preview-btn:hover{background:var(--accent);color:#fff}.live-flights-preview,.storm-info{min-height:100px;display:flex;flex-direction:column;gap:.5rem}.mini-charts-grid{min-height:100px;display:flex;flex-direction:row;gap:.5rem;align-items:stretch;width:100%}.live-flights-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%}.flight-item{background:transparent;padding:.6rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);cursor:pointer;font-size:.8rem;transition:border-color .2s ease}.flight-item:hover{border-color:#fff6}.flight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.aircraft-name{font-weight:500;color:var(--text-primary);font-size:.75rem;font-family:JetBrains Mono,monospace}.flight-time{font-size:.65rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.storm-name{font-size:.75rem;color:var(--text-secondary);font-family:SN Pro,sans-serif}.flight-callsign{font-weight:600;color:var(--accent);font-family:JetBrains Mono,monospace}.flight-details{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.mini-chart-container{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem;position:relative;height:100px;user-select:none;-webkit-user-select:none;cursor:default;flex:1}.mini-chart-container:after{content:"PETTUSPLOTS.COM";position:absolute;bottom:10px;right:15px;color:#ffffff4d;font-size:8px;font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:500;letter-spacing:1px;text-transform:uppercase;pointer-events:none}.mini-chart-title{font-size:.6rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem;text-align:center;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.mini-chart-canvas{position:relative;height:calc(100% - 25px);width:100%}.mini-chart-canvas canvas{user-select:none;-webkit-user-select:none}.launch-title{font-family:JetBrains Mono,monospace!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important}.launch-section{margin-bottom:3rem}.launch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.launch-btn{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:1.25rem 1.5rem;cursor:pointer;text-align:left;position:relative;transition:all .2s ease}.launch-btn:hover{border-color:#fff6}.launch-btn h3,.launch-title{font-family:JetBrains Mono,monospace;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.launch-btn p{font-family:SN Pro,sans-serif;color:var(--text-secondary);font-size:.85rem;margin:0;line-height:1.5}.launch-section.tropical{background:linear-gradient(135deg,#f9731614,#ea580c08);margin-left:-4rem;margin-right:-4rem;padding:2rem 4rem}.launch-section.severe{background:linear-gradient(135deg,#dc262614,#b91c1c08);margin-left:-4rem;margin-right:-4rem;padding:2rem 4rem}.launch-section.space{background:linear-gradient(135deg,#9333ea14,#7e22ce08);margin-left:-4rem;margin-right:-4rem;padding:2rem 4rem}.launch-section.games{background:linear-gradient(135deg,#22c55e14,#16a34a08);margin-left:-4rem;margin-right:-4rem;padding:2rem 4rem}.footer{background:#151515;text-align:center;padding:2rem 0;border-top:1px solid rgba(255,255,255,.15);margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{width:32px;height:32px;object-fit:contain;opacity:.6}.footer p{color:var(--text-secondary);font-size:.8rem;font-family:SN Pro,sans-serif}.footer-social{display:flex;gap:.5rem;justify-content:center;align-items:center}.footer-social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--text-secondary);transition:all .2s ease}.footer-social-link svg{width:14px;height:14px}.footer-social-link:hover{border-color:#fff9;color:var(--text-primary)}.footer-email{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-email:hover{color:var(--text-primary)}.footer-links{display:flex;gap:1.5rem;margin-top:.5rem}.footer-link{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:color .2s ease}.footer-link:hover{color:var(--text-primary)}.footer-social-link.youtube:hover{border-color:red;color:red}.footer-social-link.twitter:hover{border-color:var(--text-primary);color:var(--text-primary)}.footer-social-link.discord:hover{border-color:#5865f2;color:#5865f2}.footer-social-link.facebook:hover{border-color:#1877f2;color:#1877f2}.footer-social-link.instagram:hover{border-color:#e4405f;color:#e4405f}@media(max-width:768px){.container{padding:1.5rem 1rem}.section-title{font-size:.7rem;margin-bottom:1rem}.launch-grid{grid-template-columns:1fr;gap:.75rem}.launch-btn{padding:1rem}.launch-btn h3{font-size:.85rem}.launch-btn p{font-size:.8rem}.hero-section{padding:2rem 1rem 1.5rem;margin-left:-1rem;margin-right:-1rem}.hero-title{font-size:2rem!important;text-align:center;letter-spacing:0!important}.hero-subtitle{font-size:.85rem}.time-display-bar{gap:.25rem;padding:.75rem 0;margin-bottom:1rem}.time-items{flex-direction:column;gap:.25rem}.time-item{justify-content:center}.time-value{font-size:2rem}.time-label{font-size:.7rem}.time-separator{display:none}.live-stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem;padding:.75rem 0}.stat-item{gap:.125rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.5rem}.launch-section.tropical,.launch-section.severe,.launch-section.space,.launch-section.games{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.preview-card{flex-direction:column;gap:.75rem;min-height:auto;padding:1rem}.preview-content{text-align:center}.preview-title{font-size:.85rem;margin-bottom:.5rem}.preview-btn{padding:.5rem 1rem;font-size:.75rem}.preview-data{width:100%;min-height:auto;max-height:none}.live-flights-preview{grid-template-columns:1fr;gap:.5rem;min-height:60px}.flight-item{text-align:center;padding:.5rem}.data-overview-grid{gap:.75rem;margin-bottom:1.5rem}.footer{padding:2.5rem 1.5rem;margin-top:3rem}.footer-content{gap:1.25rem}.footer-logo{width:36px;height:36px}.footer-social{gap:.625rem}.footer-social-link{width:40px;height:40px}.footer-social-link svg{width:16px;height:16px}.footer-email{font-size:.75rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}.footer-link{font-size:.65rem}.footer p{font-size:.7rem}.alert-ticker-wrapper{height:36px}.alert-ticker-label{display:none}.alert-ticker-scroll{animation-duration:8s!important}.alert-ticker-item{gap:8px;padding:0 12px}.alert-ticker-title,.alert-ticker-location{font-size:.7rem}.alert-type-indicator{width:3px;height:18px}.alert-ticker-logo{display:none}.mini-charts-grid{flex-direction:column}.mini-chart-container{width:100%;height:120px;flex:none}.mini-chart-title{font-size:.65rem}.mini-chart-container:after{font-size:5px!important;bottom:2px!important;right:4px!important}}.spc-timers{position:fixed;top:var(--nav-height, 70px);left:0;right:0;z-index:90;display:flex;justify-content:center;gap:0;background:#0d0d0d;border-bottom:1px solid var(--border-color);padding:0;min-height:32px}.spc-timer-item{display:flex;align-items:center;gap:6px;padding:5px 14px;border-right:1px solid var(--border-color);font-family:JetBrains Mono,monospace}.spc-timer-item:last-child{border-right:none}.spc-timer-label{font-size:.65rem;font-weight:700;color:var(--accent)}.spc-timer-time{font-size:.65rem;color:var(--text-secondary)}.spc-timer-countdown{font-size:.75rem;font-weight:700;color:var(--text-primary);min-width:40px}.spc-timer-item.urgent .spc-timer-countdown{color:#f44;animation:spc-pulse 1s ease-in-out infinite}@keyframes spc-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.spc-timers{flex-wrap:wrap}.spc-timer-item{padding:4px 8px;font-size:.6rem}}.spc-page{max-width:1400px;margin:0 auto;padding:0 var(--container-padding)}.spc-header{margin-bottom:1rem}.spc-title{font-family:JetBrains Mono,monospace;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--text-primary)}.spc-meta{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.spc-day-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color);margin-bottom:1rem}.spc-tab{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;padding:.6rem 1.2rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.spc-tab:hover{color:var(--text-primary)}.spc-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.spc-cycle-dropdown{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.spc-dropdown-label{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.spc-dropdown-select{font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.4rem .75rem;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:3px;cursor:pointer;min-width:280px}.spc-dropdown-select:focus{border-color:var(--accent)}.spc-new-update{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#3b82f626;border:1px solid var(--accent);border-radius:4px;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:var(--accent);animation:spc-flash .5s ease-out}.spc-new-update button{font-family:JetBrains Mono,monospace;font-size:.65rem;padding:.2rem .5rem;background:none;border:1px solid var(--accent);color:var(--accent);border-radius:3px;cursor:pointer}@keyframes spc-flash{0%{background:#3b82f666}to{background:#3b82f626}}.spc-content{display:grid;grid-template-columns:1fr;gap:1.5rem}.spc-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem}.spc-image-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.spc-image-label{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;color:var(--text-secondary);padding:.5rem .75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.spc-image{width:100%;display:block;cursor:pointer;transition:opacity .15s}.spc-image:hover{opacity:.9}.spc-empty{color:var(--text-secondary);font-family:JetBrains Mono,monospace;padding:2rem;text-align:center}.spc-discussion-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:1rem;margin-top:1rem}.spc-disc-title{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;text-transform:uppercase}.spc-disc-text{font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;max-height:500px;overflow-y:auto}.spc-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer}.spc-fullscreen img{max-width:95vw;max-height:95vh;object-fit:contain}.spc-fullscreen-close{position:absolute;top:1rem;right:1.5rem;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer}@media(max-width:768px){.spc-images-grid{grid-template-columns:1fr;gap:.5rem}.spc-day-tabs{overflow-x:auto;gap:0}.spc-tab{padding:.5rem .8rem;font-size:.75rem;white-space:nowrap}.spc-title{font-size:1.2rem}.spc-dropdown-select{min-width:0;width:100%;font-size:.7rem}.spc-cycle-dropdown{flex-direction:column;align-items:stretch;gap:.4rem}.spc-disc-text{font-size:.65rem;max-height:300px}.spc-image-label{font-size:.65rem;padding:.4rem .5rem}.spc-meta,.spc-new-update{font-size:.65rem}}