@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";body{background-color:var(--color-bg-deep);color:var(--color-text-main);font-family:var(--font-display);margin:0;overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E"),radial-gradient(circle at 10% 20%,#1e1e3c,#0a0a14 90%)}:root{--hue-primary: 210;--hue-accent: 170;--hue-danger: 340;--color-bg-deep: hsl(220, 20%, 8%);--color-bg-card: hsla(220, 20%, 14%, .6);--color-text-main: hsl(0, 0%, 100%);--color-text-muted: hsla(220, 10%, 80%, .7);--color-accent: hsl(var(--hue-accent), 100%, 50%);--color-accent-glow: hsla(var(--hue-accent), 100%, 50%, .4);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 24px;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--font-display: "Inter", system-ui, -apple-system, sans-serif;--weight-thin: 200;--weight-regular: 400;--weight-bold: 700}body{background-color:var(--color-bg-deep);color:var(--color-text-main);font-family:var(--font-display);margin:0;overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E"),radial-gradient(circle at 10% 20%,#1e1e3c,#0a0a14 90%)}*{box-sizing:border-box}h1,h2,h3{margin:0;letter-spacing:-.03em}.container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:10}.parallax-layer{position:fixed;top:-5%;left:-5%;width:110%;height:110%;z-index:0;background-image:url(/assets/mountain-bg.png);background-size:cover;background-position:center top;opacity:.15;mix-blend-mode:overlay;pointer-events:none;transition:transform .1s cubic-bezier(.2,.8,.2,1)}.grid-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem;padding-bottom:4rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;padding:1.5rem;box-shadow:var(--glass-shadow);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080;border-color:#ffffff26}body[data-lang=zh]{font-family:Noto Sans SC,Microsoft YaHei,sans-serif!important}body[data-lang=jp]{font-family:Noto Sans JP,Hiragino Kaku Gothic Pro,sans-serif!important}body[data-lang=fr]{font-family:Inter,system-ui,sans-serif!important}#lang-menu{background:#0a1929f2;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.lang-option{padding:.4rem .8rem;cursor:pointer;border-radius:4px;font-size:.8rem;color:#fffc;transition:all .2s}.lang-option:hover{background:#ffffff1a;color:var(--color-accent)}.lang-option.active{color:var(--color-accent);font-weight:600}.col-span-12{grid-column:span 12}.col-span-9{grid-column:span 9}.col-span-8{grid-column:span 8}.col-span-6{grid-column:span 6}.col-span-5{grid-column:span 5}.col-span-4{grid-column:span 4}.col-span-3{grid-column:span 3}.col-span-2{grid-column:span 2}@media(max-width:1024px){.col-span-9,.col-span-8,.col-span-6,.col-span-5,.col-span-4,.col-span-3,.col-span-2{grid-column:span 12}}.text-display{font-size:5rem;font-weight:800;line-height:.9;background:linear-gradient(180deg,#fff,#ffffffb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-accent{color:var(--color-accent);text-shadow:0 0 20px var(--color-accent-glow);font-family:monospace;text-transform:uppercase;letter-spacing:.1em;display:block;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.badge-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.bar-container{height:6px;background:#ffffff1a;border-radius:10px;margin-top:1rem;overflow:hidden}.bar-fill{height:100%;background:var(--color-accent);box-shadow:0 0 15px var(--color-accent)}header{padding:2rem 0;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:1rem;cursor:pointer;position:relative;font-family:Orbitron,sans-serif;font-weight:900;font-size:2.2rem;letter-spacing:.05em;color:#0ff;background:linear-gradient(180deg,#fff,#0ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(0,255,255,.5));transition:all .3s ease}.logo:hover{filter:drop-shadow(0 0 20px rgba(0,255,255,.8));letter-spacing:.08em}.logo-icon-svg{width:42px;height:42px;color:#0ff;filter:drop-shadow(0 0 5px rgba(0,255,255,.8));animation:spinSlow 10s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ep-viz{position:relative;height:260px;width:100%;margin-top:1rem}.ep-svg{width:100%;height:100%;overflow:visible}.ep-slope-line{stroke:var(--color-text);stroke-width:3;opacity:.4}.ep-point{fill:var(--color-bg);stroke:var(--color-accent);stroke-width:3;filter:drop-shadow(0 0 8px var(--color-accent));transition:all .3s}.ep-point:hover{r:10}.ep-label{position:absolute;background:#0009;backdrop-filter:blur(15px);padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);font-size:.8rem;transition:all .3s;white-space:nowrap;display:flex;flex-direction:row;align-items:center;gap:.75rem}.ep-label:hover{border-color:var(--color-accent);box-shadow:0 0 15px #00ffff4d}.ep-label-top{left:82.5%;right:auto;top:35%;transform:translate(-50%,-100%)}.ep-label-top:hover{transform:translate(-50%,-100%) scale(1.03)}.ep-label-mid{left:50%;top:65%;transform:translate(-50%,-100%)}.ep-label-mid:hover{transform:translate(-50%,-100%) scale(1.03)}.ep-label-base{left:17.5%;top:85%;transform:translate(-50%,-100%)}.ep-label-base:hover{transform:translate(-50%,-100%) scale(1.03)}.ep-tag{font-size:.6rem;color:var(--color-text-muted);font-weight:700;letter-spacing:.12em}.ep-data{display:flex;flex-direction:row;gap:.75rem;align-items:center}.ep-val{font-weight:700;font-size:.85rem}.ep-cond{font-size:.72rem;margin-top:2px;opacity:.8}.selector-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000eb;backdrop-filter:blur(20px);z-index:100;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.selector-layer.active{opacity:1}.selector-content{width:90%;max-width:1000px;height:85vh;display:flex;flex-direction:column;align-items:center;position:relative;color:#fff}.selector-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.selector-close{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.6rem 1.2rem;border-radius:100px;cursor:pointer;font-family:inherit;text-transform:uppercase;font-size:.75rem;letter-spacing:.15em;transition:all .3s}.selector-close:hover{background:#ffffff1a;border-color:var(--color-accent);color:var(--color-accent)}.radar-map{width:650px;height:650px;position:relative;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(0,255,255,.08) 0%,transparent 40%),radial-gradient(circle,#0032324d,#001414cc);box-shadow:inset 0 0 80px #00ffff1a,0 0 100px #000c;overflow:hidden}.radar-grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.radar-ring{fill:none;stroke:#00ffff26;stroke-width:1;filter:drop-shadow(0 0 2px rgba(0,255,255,.3))}.radar-crosshair{stroke:#0ff3;stroke-width:1}.radar-crosshair-dim{stroke:#00ffff14;stroke-width:1}.radar-sweep{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,255,255,.05) 60deg,rgba(0,255,255,.4) 90deg,transparent 90.1deg);animation:radarSpin 4s linear infinite;pointer-events:none;mask-image:radial-gradient(circle,transparent 0%,black 100%);-webkit-mask-image:radial-gradient(circle,black 60%,transparent 70%)}@keyframes radarSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.radar-axis{stroke:#ffffff26;stroke-width:1}.radar-center-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--color-accent);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--color-accent)}.radar-blip{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff;opacity:0;animation:blipFade 4s infinite}@keyframes blipFade{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(.5)}}.radar-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0px,rgba(0,255,255,.03) 1px,transparent 2px,transparent 4px);pointer-events:none;border-radius:50%}.selector-instructions{margin-top:2rem;font-size:.9rem;letter-spacing:.2em;color:#ffffff80;display:flex;align-items:center;gap:10px}.radar-pulse-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-accent);animation:pulse 2s infinite}.selector-body{width:100%;max-width:600px;max-height:60vh;overflow-y:auto;padding:1rem}.country-group{margin-bottom:2rem}.country-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;margin-bottom:.5rem;border-left:3px solid var(--color-accent)}.country-flag{font-size:1.5rem}.country-name{font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.resort-list{display:flex;flex-direction:column;gap:.5rem}.resort-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s}.resort-item:hover{background:#ffffff14;border-color:var(--color-accent);transform:translate(5px)}.resort-item.active{background:#00ffff1a;border-color:var(--color-accent)}.resort-info{display:flex;flex-direction:column;gap:.25rem}.resort-name{font-size:1rem;font-weight:600}.resort-region{font-size:.8rem;color:#ffffff80}.resort-badge{padding:.25rem .75rem;background:#ffffff1a;border-radius:100px;font-size:.75rem;white-space:nowrap}.resort-item.active .resort-badge{background:var(--color-accent);color:#000;font-weight:700}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-title{font-family:monospace;font-size:.85rem;letter-spacing:.1em;color:var(--color-accent);text-shadow:0 0 20px var(--color-accent-glow)}.chart-controls{display:flex;gap:.5rem}.range-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;letter-spacing:.05em;transition:all .3s ease}.range-btn:hover{background:#ffffff1a;border-color:var(--color-accent);color:var(--color-text)}.range-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);box-shadow:0 0 15px var(--color-accent-glow)}.chart-svg{width:100%;height:auto;min-height:220px;margin:1rem 0}.data-point{cursor:pointer;transition:all .2s ease}.data-point:hover{r:6;filter:drop-shadow(0 0 8px var(--color-accent))}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem;font-size:.75rem;color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.chart-tooltip{position:absolute;background:#000000e6;backdrop-filter:blur(15px);border:1px solid var(--color-accent);border-radius:8px;padding:.75rem;pointer-events:none;z-index:1000;display:none;box-shadow:0 4px 20px #00000080,0 0 15px var(--color-accent-glow)}.tooltip-date{font-size:.7rem;color:var(--color-text-muted);margin-bottom:.25rem;font-family:monospace}.tooltip-value{font-size:1.1rem;font-weight:700;color:var(--color-accent)}@media(max-width:1024px)and (orientation:portrait){.container{padding:0 1rem}header{padding:1.5rem 0}.logo{font-size:1.2rem}.text-display{font-size:3.5rem}.grid-bento{grid-template-columns:repeat(6,1fr);gap:1rem}.col-span-9,.col-span-8,.col-span-6,.col-span-5,.col-span-4,.col-span-3{grid-column:span 6}.radar-map{width:500px;height:500px}.chart-svg{min-height:200px}}@media(max-width:768px){body{font-size:.95rem}.container{padding:0 1rem}header{flex-direction:column;gap:1rem;padding:1rem 0}.logo{font-size:1.5rem}.text-display{font-size:2.5rem}.grid-bento{grid-template-columns:1fr;gap:1rem;padding-bottom:2rem}.col-span-12,.col-span-9,.col-span-8,.col-span-6,.col-span-5,.col-span-4,.col-span-3{grid-column:span 1}.glass-card{padding:1.25rem}.radar-map{width:300px;height:300px}.radar-label{font-size:.7rem}.radar-distance{font-size:.55rem}.chart-header{flex-direction:column;align-items:flex-start;gap:.75rem}.chart-svg{min-height:180px}.chart-controls{width:100%;justify-content:space-between}.range-btn{flex:1}}@media(max-width:1024px)and (max-height:600px)and (orientation:landscape){.container{padding:0 .75rem}header{padding:.75rem 0}.logo{font-size:1rem}section{padding:2rem 0!important}.text-display{font-size:2.5rem}.badge{font-size:.7rem;padding:.4rem .8rem}.grid-bento{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(140px,auto);gap:.75rem}.col-span-3{grid-column:span 3}.col-span-5{grid-column:span 5}.col-span-4{grid-column:span 4}.col-span-4:nth-of-type(n+4){grid-column:span 4}.glass-card{padding:1rem;min-height:140px!important}.glass-card h2{font-size:2rem!important}.glass-card h3{font-size:1.2rem!important}.ep-viz{height:120px}.ep-label{font-size:.7rem;padding:.5rem;min-width:80px}.chart-svg{min-height:140px}.chart-title{font-size:.7rem}.range-btn{font-size:.65rem;padding:.3rem .6rem}.glass-card:has(#radar){display:none}footer{padding:1rem!important;font-size:.7rem!important}}@media(max-width:374px){.text-display{font-size:2rem}.radar-map{width:260px;height:260px}h2{font-size:2rem!important}}@media(hover:none)and (pointer:coarse){.glass-card:hover{transform:none}.range-btn,.selector-close,nav{min-height:44px;display:flex;align-items:center;justify-content:center}.radar-dot-wrapper:hover{transform:translate(-50%,-50%) scale(1.2)}}@media(max-width:768px){.app-container{padding:.75rem;height:auto;overflow-y:visible;overflow-x:hidden}header{margin-bottom:1.5rem;flex-direction:column;align-items:flex-start;gap:.75rem}nav{width:100%;justify-content:space-between}.grid-bento{display:flex;flex-direction:column;gap:.75rem;height:auto}.glass-card.col-span-3,.glass-card.col-span-4,.glass-card.col-span-6,.glass-card.col-span-8,.glass-card.col-span-12{grid-column:auto;width:100%;min-height:auto;margin-bottom:0}.glass-card{padding:1.25rem;min-height:180px}.elevation-profile{overflow-x:auto;padding-bottom:1rem;margin-right:-1rem;padding-right:1rem}.ep-viz{min-width:600px;height:200px}#radar-card{aspect-ratio:1/1;min-height:auto}.radar-viz{transform:scale(.9)}.text-display{font-size:1.75rem}.text-accent{font-size:.7rem}[data-id=temp-main]{font-size:3.5rem!important}#snowfall-chart-container{min-height:250px}.chart-svg{height:200px}.chart-controls{gap:.25rem}.range-btn{padding:.25rem .5rem;font-size:.7rem}}.nav-controls{display:flex;align-items:center;gap:.75rem;background:#ffffff08;padding:.35rem .5rem;border-radius:100px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.nav-item-wrapper{position:relative;display:flex;align-items:center}.glass-pill-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text);padding:.5rem 1rem;border-radius:100px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;justify-content:center;min-height:36px;outline:none;user-select:none}.glass-pill-btn:hover{background:#ffffff26;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 15px #00ffff4d;transform:translateY(-1px)}.glass-pill-btn:active{transform:translateY(1px)}.location-btn{color:var(--color-accent);border-color:#0ff3;font-family:monospace;letter-spacing:.05em}.location-btn:hover .icon-marker{animation:bounce .6s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.glass-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#0a0f1ef2;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.5rem;display:flex;flex-direction:column;gap:2px;min-width:140px;box-shadow:0 10px 40px #00000080;z-index:1000;backdrop-filter:blur(20px)}.dropdown-item{padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;color:#ffffffb3;transition:all .2s}.dropdown-item:hover{background:#ffffff1a;color:#fff}