:root{color-scheme:dark;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .15);--text: #e5e7eb;--text-muted: #9ca3af;--card-border: rgba(148, 163, 184, .25);--radius-xl: 1.25rem;--shadow-soft: 0 18px 45px rgba(15, 23, 42, .75);--blur: 18px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 0% 0%,#0f172a 0,transparent 55%),radial-gradient(circle at 100% 0%,#1d2a4f 0,transparent 55%),radial-gradient(circle at 50% 100%,#020617 0,#000 70%);color:var(--text);display:flex;flex-direction:column}.skip-to-content{position:absolute;left:-9999px;z-index:999;padding:1em;background:var(--accent);color:#000;text-decoration:none}.skip-to-content:focus{left:0}main{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 3rem}header.hero{text-align:center;padding:2rem 1rem 2.5rem;position:relative;overflow:hidden}header.hero:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 10% 20%,rgba(56,189,248,.18),transparent 60%),radial-gradient(circle at 90% 10%,rgba(94,234,212,.18),transparent 60%);opacity:.8;filter:blur(40px);z-index:-1}.hero-title{font-size:clamp(1.5rem,5vw,3rem);font-weight:750;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:999px;background:#0f172abf;border:1px solid rgba(148,163,184,.4);box-shadow:0 20px 45px #0f172ad9;backdrop-filter:blur(14px);flex-wrap:wrap;justify-content:center}@media(max-width:480px){.hero-title{font-size:1.3rem;gap:.4rem;padding:.4rem .7rem}}.dot{width:.65rem;height:.65rem;border-radius:999px;background:radial-gradient(circle at 30% 30%,#a7f3d0,#22c55e);box-shadow:0 0 16px #22c55ee6;position:relative}.dot:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1px solid rgba(45,212,191,.4);opacity:.8}.hero-subtitle{margin-top:1rem;font-size:.95rem;color:var(--text-muted);max-width:540px;margin-inline:auto}.hero-subtitle strong{color:var(--accent);font-weight:600}.hero-badge{margin-top:1.3rem;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#0f172acc;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.16em}.hero-badge span:first-child{padding:.15rem .5rem;border-radius:999px;background:#38bdf829;color:var(--accent);font-weight:600}.webcam-section{margin-top:2.5rem}.webcam-section-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:baseline;margin-bottom:1.1rem}.webcam-section h2{font-size:1.15rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);font-weight:600}.webcam-section p{font-size:.85rem;color:var(--text-muted);max-width:520px}.webcam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}.webcam-card{position:relative;border-radius:var(--radius-xl);background:linear-gradient(135deg,#0f172af5,#0f172af5);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(var(--blur))}.webcam-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 0% 0%,var(--accent-soft),transparent 55%);opacity:0;transition:opacity .35s ease;pointer-events:none}.webcam-card:hover:before{opacity:1}.webcam-content{padding:.9rem 1rem .95rem;display:flex;flex-direction:column;gap:.55rem}.webcam-title{font-size:.95rem;font-weight:600;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.webcam-location{font-size:.78rem;color:var(--text-muted)}.webcam-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.badge-altitude{padding:.18rem .55rem;border-radius:999px;background:#0f172acc;border:1px solid rgba(148,163,184,.45);font-weight:500}.badge-source{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--accent);opacity:.85}.webcam-description{font-size:.8rem;color:var(--text-muted)}.webcam-frame{position:relative;overflow:hidden;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:#020617}.webcam-frame iframe{width:100%;aspect-ratio:16 / 9;border:none;display:block}.webcam-frame img{width:100%;height:auto;display:block;object-fit:cover}.webcam-actions{margin-top:.5rem;display:flex;justify-content:space-between;gap:.5rem;align-items:center}.source-link{font-size:.78rem;text-decoration:none;color:var(--accent);display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:999px;background:#0f172ae6;border:1px solid rgba(56,189,248,.45);transition:background .2s ease,transform .2s ease,border-color .2s ease}.source-link:hover{background:#0f172a;transform:translateY(-1px);border-color:#7dd3fccc}.source-link span.icon{font-size:.9em}.hint{font-size:.7rem;color:var(--text-muted);opacity:.8}.footer{padding:1.5rem 1.25rem 2rem;margin-top:auto;font-size:.75rem;color:var(--text-muted);text-align:center;border-top:1px solid rgba(15,23,42,.9);background:linear-gradient(to top,rgba(15,23,42,.95),transparent)}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-bottom{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:#fff9;font-size:.8rem}.footer-bottom-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.footer-left{text-align:left;margin:0}.footer-center{text-align:center;margin:0}.footer-right{text-align:right;margin:0}.footer-left a,.footer-center a,.footer-right a{color:inherit;text-decoration:none;transition:color .3s ease}.footer-left a:hover,.footer-right a:hover{color:#ffffffe6}.sobercloud-link{color:#0f8!important;font-weight:600;text-decoration:none}.sobercloud-link:hover{color:#00cc6a!important;text-decoration:underline}@media(max-width:768px){.footer-bottom-grid{grid-template-columns:1fr;gap:.5rem}.footer-left,.footer-center,.footer-right{text-align:center}}@media(min-width:900px){main{padding-top:.5rem}header.hero{padding-top:2.6rem;padding-bottom:2.8rem}}