.condition-item,.condition-label,.condition-value,.visibility-score{text-align:center!important}.condition-item,.condition-label,.visibility-score *{writing-mode:horizontal-tb!important}body::after,body::before{pointer-events:none;position:fixed}.nav-right a:hover,body{color:var(--text-primary)}.card,.main-navbar{backdrop-filter:blur(20px) saturate(180%)}.card::before,.nav-right a::before{transition:opacity .3s;content:'';position:absolute;opacity:0}.score-circle,body{-webkit-font-smoothing:antialiased}:root{--primary:#64b5f6;--primary-dark:#1976d2;--accent:#67e8f9;--accent-glow:rgba(103, 232, 249, 0.3);--success:#4ade80;--warning:#fbbf24;--danger:#ef4444;--bg-primary:#0a0e27;--bg-secondary:#151b42;--bg-tertiary:#1e2556;--card-bg:rgba(15, 23, 42, 0.85);--card-border:rgba(148, 163, 184, 0.1);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#ffffff;--glass-bg:rgba(30, 37, 86, 0.4);--glass-border:rgba(148, 163, 184, 0.08);--shadow-soft:0 4px 16px rgba(0, 0, 0, 0.15);--shadow-medium:0 8px 32px rgba(0, 0, 0, 0.25);--shadow-strong:0 16px 64px rgba(0, 0, 0, 0.35);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--max-width:1200px}.visibility-score{padding:36px 18px!important;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01))!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.04)!important;box-shadow:0 10px 30px rgba(6,10,30,.55)!important;position:relative!important;overflow:visible!important}.card,.condition-item,.sat-thumb,.time-slot{overflow:hidden}.score-circle{width:180px!important;height:180px!important;margin:6px auto 18px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;font-weight:900!important;color:#fff!important;background:linear-gradient(135deg,#ff6b6b 0,#ff3b30 100%)!important;box-shadow:0 12px 40px rgba(255,59,48,.18)!important;transition:transform .28s,box-shadow .28s!important;cursor:default!important}.score-circle:active{transform:scale(.98)!important}.score-value{font-size:40px!important;line-height:1!important;letter-spacing:-.02em!important;margin-bottom:2px!important;text-shadow:0 2px 8px rgba(0,0,0,.45)!important}.score-label{font-size:1.1rem!important;font-weight:700!important;color:#8be7ff!important;margin-top:8px!important;margin-bottom:8px!important}.score-description{color:rgba(255,255,255,.85)!important;font-size:.95rem!important;margin-bottom:18px!important;max-width:680px!important;margin-left:auto!important;margin-right:auto!important}.conditions-grid{display:flex!important;gap:12px!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;margin-top:8px!important;margin-bottom:4px!important;padding:6px 0 0!important}.condition-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:120px!important;max-width:220px!important;flex:1 1 140px!important;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01))!important;border:1px solid rgba(255,255,255,.04)!important;border-radius:12px!important;padding:14px 12px!important;box-sizing:border-box!important;transition:transform .22s,border-color .22s,box-shadow .22s!important;box-shadow:0 6px 20px rgba(3,8,20,.45)!important;word-break:normal!important;white-space:normal!important}.condition-item:hover{transform:translateY(-6px)!important;border-color:rgba(139,231,255,.12)!important;box-shadow:0 14px 30px rgba(3,8,20,.55)!important}.condition-value{display:block!important;font-size:1.6rem!important;font-weight:800!important;color:#7fe9ff!important;margin-bottom:6px!important;text-shadow:0 2px 6px rgba(0,0,0,.45)!important;white-space:nowrap!important}.condition-label{font-size:.92rem!important;color:rgba(255,255,255,.92)!important;line-height:1.15!important;white-space:normal!important;word-break:keep-all!important}.nav-right a,.subtitle{color:var(--text-secondary)}.data-item,.hero-section,.loading,.time-slot{text-align:center}@media (max-width:1024px){.score-circle{width:160px!important;height:160px!important}.score-value{font-size:36px!important}.condition-item{padding:12px 10px!important;min-width:120px!important}}@media (max-width:640px){.visibility-score{padding:28px 12px!important}.score-circle{width:140px!important;height:140px!important}.score-value{font-size:30px!important}.conditions-grid{gap:10px!important}.condition-item{flex:1 1 45%!important;min-width:110px!important;max-width:48%!important;padding:10px!important}.condition-value{font-size:1.25rem!important}.condition-label{font-size:.82rem!important}}.nav-container,.score-circle{display:flex;align-items:center}.visibility-score *{-webkit-writing-mode:horizontal-tb!important}*,::after,::before{box-sizing:border-box;margin:0;padding:0}.main-content,.nav-container{max-width:var(--max-width);margin:0 auto}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(120,119,198,.15) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.1) 0,transparent 50%),radial-gradient(circle at 40% 60%,rgba(103,232,249,.08) 0,transparent 50%),linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);min-height:100vh;line-height:1.6;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}body::before{content:'';top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,.4),transparent);background-repeat:repeat;background-size:200px 100px;animation:8s ease-in-out infinite alternate twinkle;z-index:1}@keyframes twinkle{0%,50%{opacity:.6}100%{opacity:1}}body::after{content:'';top:-10px;left:-100px;width:300px;height:2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.8),transparent);border-radius:999px;animation:3s ease-in-out infinite shooting-star;z-index:2}@keyframes shooting-star{0%{transform:translateX(-100px) translateY(-100px) rotate(45deg);opacity:0}10%,90%{opacity:1}100%{transform:translateX(calc(100vw + 100px)) translateY(calc(100vh + 100px)) rotate(45deg);opacity:0}}.main-navbar{position:fixed;top:0;left:0;right:0;height:80px;background:rgba(10,14,39,.95);border-bottom:1px solid var(--glass-border);z-index:1000;transition:.3s cubic-bezier(.4, 0, .2, 1)}.card,.condition-item,.main-content,.nav-right a,.score-circle,.time-slot{position:relative}.nav-container{padding:0 24px;height:100%;justify-content:space-between}.logo{height:48px;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .3));transition:transform .3s}.logo:hover{transform:scale(1.05)}.nav-right{display:flex;gap:32px}.nav-right a{text-decoration:none;font-weight:500;font-size:15px;padding:8px 16px;border-radius:var(--radius-md);transition:.3s}.nav-right a::before{inset:0;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--accent));z-index:-1}.nav-right a:hover{transform:translateY(-2px)}.nav-right a:hover::before{opacity:.1}.main-content{padding:120px 24px 60px;z-index:10}.hero-section{margin-bottom:48px;animation:.8s ease-out fade-in-up}@keyframes fade-in-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:800;background:linear-gradient(135deg,#fff 0,var(--accent) 25%,var(--primary) 50%,#fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;line-height:1.1;letter-spacing:-.02em;animation:4s ease-in-out infinite gradient-shift}#visitor-count,.card{background:var(--glass-bg);box-shadow:var(--shadow-soft)}@keyframes gradient-shift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.subtitle{font-size:1.25rem;max-width:600px;margin:0 auto;opacity:0;animation:.8s ease-out .3s forwards fade-in-up}.cards-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:48px}.full-width{grid-column:1/-1}.card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;transition:.4s cubic-bezier(.4, 0, .2, 1);opacity:0;transform:translateY(20px);animation:.6s ease-out forwards card-appear}#visitor-count,.data-item,.score-value{transition:.3s}@keyframes card-appear{to{opacity:1;transform:translateY(0)}}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card::before{top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-strong);border-color:rgba(103,232,249,.3)}.card:hover::before,.time-slot:hover::before{opacity:1}.visibility-score{background:radial-gradient(circle at center,rgba(103,232,249,.05) 0,transparent 70%)}.score-circle{justify-content:center;flex-direction:column;box-shadow:var(--shadow-medium);will-change:background,box-shadow,transform}.live-data h3,.recommendations h3{font-size:1.25rem;margin-bottom:20px;align-items:center;display:flex;gap:8px}.score-circle::before{content:'';position:absolute;inset:-4px;border-radius:50%;padding:4px;background:conic-gradient(from 0deg,transparent,var(--accent),transparent,var(--primary),transparent);opacity:0;transition:opacity .5s;animation:4s linear infinite rotate}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.score-circle:hover::before{opacity:.6}.score-excellent{box-shadow:0 0 40px rgba(16,185,129,.4)}.score-good{box-shadow:0 0 40px rgba(245,158,11,.4)}.score-poor{box-shadow:0 0 40px rgba(239,68,68,.4)}.score-circle:hover .score-value{transform:scale(1.1)}.score-label{color:var(--accent);text-shadow:0 2px 4px rgba(0,0,0,.3)}.score-description{color:var(--text-secondary);margin:0 auto 32px;line-height:1.5}.conditions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.condition-item{border-radius:var(--radius-md)}.condition-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.condition-item:hover::before{left:100%}.condition-item:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(103,232,249,.2)}.condition-value{color:var(--accent)}.condition-label{color:var(--text-muted);font-weight:500}.live-data{background:linear-gradient(135deg,rgba(100,181,246,.05) 0,rgba(103,232,249,.02) 100%)}.live-data h3{color:var(--primary)}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.data-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:16px}.data-item:hover{background:rgba(255,255,255,.08);transform:scale(1.05)}.data-number{font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:4px;display:block}.data-label{color:var(--text-muted);font-size:.9rem}.recommendations{border-left:4px solid var(--accent);background:linear-gradient(135deg,rgba(103,232,249,.03) 0,transparent 100%)}.recommendations h3{color:var(--accent)}.recommendation-list{list-style:none}.recommendation-list li{color:var(--text-secondary);padding:12px 0 12px 32px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;transition:.3s}.recommendation-list li:last-child{border-bottom:none}.recommendation-list li::before{content:'✨';position:absolute;left:0;top:12px;font-size:1.2rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.recommendation-list li:hover{color:var(--text-primary);transform:translateX(8px)}.time-recommendation{background:radial-gradient(circle at top,rgba(103,232,249,.04) 0,transparent 50%);padding:32px 24px}.time-recommendation h3{color:var(--accent);font-size:1.5rem;text-align:center;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:12px}.time-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.time-slot{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:20px;transition:.4s cubic-bezier(.4, 0, .2, 1)}.time-slot::before{content:'';position:absolute;inset:0;border-radius:var(--radius-lg);opacity:0;transition:opacity .3s}.time-slot.best{border-color:var(--success);background:rgba(16,185,129,.1)}.time-slot.best::before{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.05))}.time-slot.good{border-color:var(--warning);background:rgba(245,158,11,.1)}.time-slot.good::before{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(245,158,11,.05))}.time-slot.poor{border-color:var(--danger);background:rgba(239,68,68,.1)}.time-slot.poor::before{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.05))}.time-slot:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-medium)}.time-hour{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:8px}.time-status{color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.loading{padding:60px 24px;color:var(--text-muted)}#satObsTime,#visitor-count,.sat-btn{color:var(--text-secondary)}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--accent);border-radius:50%;animation:1s linear infinite spin;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#visitor-count{display:inline-flex;align-items:center;gap:8px;margin:40px auto;padding:12px 24px;border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:blur(20px);font-weight:500}#visitor-count:hover{transform:scale(1.05);color:var(--text-primary);box-shadow:var(--shadow-medium)}@media (max-width:1024px){.cards-grid{grid-template-columns:1fr}.score-circle{width:160px;height:160px}.score-value{font-size:2.8rem}}@media (max-width:768px){.main-content{padding:100px 16px 40px}.nav-right{gap:16px}.nav-right a{font-size:14px;padding:6px 12px}.conditions-grid,.data-grid,.time-slots{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.conditions-grid,.data-grid,.time-slots{grid-template-columns:1fr}.score-circle{width:140px;height:140px}.score-value{font-size:2.2rem}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.card:focus-within,.condition-item:focus-within,.time-slot:focus-within{outline:2px solid var(--accent);outline-offset:2px}.sat-main{display:block}.sat-main img{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.5)}.sat-thumbs{display:flex;gap:8px;margin-top:10px;align-items:center}.sat-thumb{width:120px;height:80px;border-radius:8px;cursor:pointer;border:2px solid rgba(255,255,255,.04);box-shadow:0 6px 18px rgba(0,0,0,.45)}.sat-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(.95)}.sat-btn{padding:8px 12px;border-radius:8px;background:0 0;border:1px solid rgba(255,255,255,.04);cursor:pointer}.sat-btn.active{background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff;border-color:rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(103,232,249,.08)}#satObsTime{font-size:.92rem}@media (max-width:600px){.sat-thumb{width:90px;height:60px}}.score-poor{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%)!important;box-shadow:0 12px 40px rgba(239,68,68,.18)!important}.score-good{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)!important;box-shadow:0 12px 40px rgba(245,158,11,.18)!important}.score-excellent{background:linear-gradient(135deg,#10b981 0,#059669 100%)!important;box-shadow:0 12px 40px rgba(16,185,129,.18)!important}.score-value{color:#fff!important}