:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#1a2035;--bg-card-hover:#1f2847;--bg-elevated:#232d47;--text-primary:#f0f4ff;--text-secondary:#8b95b0;--text-muted:#5a6580;--text-accent:#60a5fa;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-red:#ef4444;--accent-purple:#8b5cf6;--gradient-blue:linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--gradient-green:linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-amber:linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gradient-red:linear-gradient(135deg, #ef4444 0%, #f97316 100%);--border-color:#ffffff0f;--border-active:#3b82f64d;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 10px 40px #00000080;--shadow-glow:0 0 30px #3b82f626;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-main:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}.app-layout{flex-direction:column;width:100%;height:100vh;display:flex}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.header-content{justify-content:space-between;align-items:center;max-width:100%;height:100%;display:flex}.header-left{align-items:center;gap:14px;display:flex}.logo-icon{background:var(--gradient-blue);border-radius:var(--radius-md);color:#fff;background-size:200% 200%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .3s,box-shadow .3s;animation:3s infinite gradient-shift;display:flex;box-shadow:0 4px 15px #3b82f64d}.logo-icon:hover{transform:rotate(15deg)scale(1.1);box-shadow:0 6px 25px #3b82f680}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.header-left h1{letter-spacing:-.02em;background:var(--gradient-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700}.header-subtitle{color:var(--text-muted);margin-top:1px;font-size:.78rem;font-weight:400}.header-meta{color:var(--text-secondary);opacity:.9;align-items:center;gap:8px;margin-top:4px;font-size:.72rem;display:flex}.meta-sep{color:var(--text-muted);opacity:.5}.header-right{gap:10px;display:flex}.header-badge{border:1px solid var(--border-color);background:#ffffff0a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:500;display:flex}.badge-dot{border-radius:50%;width:8px;height:8px}.source-dot{background:var(--accent-red);box-shadow:0 0 8px #ef444480}.target-dot{background:var(--accent-green);animation:2s infinite pulse-dot;box-shadow:0 0 8px #10b98180}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.app-main{flex:1;display:flex;overflow:hidden}.map-container{flex:1;position:relative}#map{width:100%;height:100%}.leaflet-tile-pane{filter:brightness(.7)contrast(1.1)saturate(.7)hue-rotate(180deg)invert()}.leaflet-control-zoom a{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.leaflet-control-attribution{color:var(--text-muted)!important;background:#0a0e1acc!important;font-size:10px!important}.leaflet-control-attribution a{color:var(--text-secondary)!important}.map-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);z-index:500;box-shadow:var(--shadow-md);transition:opacity var(--transition-base);background:#1a2035eb;align-items:center;gap:8px;padding:10px 20px;font-size:.82rem;animation:.5s ease-out float-up;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.map-overlay.hidden{opacity:0;pointer-events:none}@keyframes float-up{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.custom-marker{justify-content:center;align-items:center;display:flex;position:relative}.marker-inner{cursor:pointer;width:48px;height:48px;transition:transform var(--transition-fast);border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:relative;box-shadow:0 4px 20px #0006}.marker-inner:hover{transform:scale(1.2)}.marker-inner:after{content:"";border:2px solid #ffffff26;border-radius:50%;animation:2s ease-in-out infinite marker-ring;position:absolute;inset:-6px}.marker-source{background:linear-gradient(135deg,#dc2626,#ef4444)}.marker-target{background:linear-gradient(135deg,#059669,#10b981)}.marker-target-es{background:linear-gradient(135deg,#d97706,#f59e0b)}@keyframes marker-ring{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}}.marker-label{white-space:nowrap;color:var(--text-primary);text-shadow:0 1px 4px #000c;letter-spacing:.02em;font-size:11px;font-weight:600;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.marker-active .marker-inner{border-color:var(--accent-blue);transform:scale(1.25);box-shadow:0 0 30px #3b82f680,0 4px 20px #0006}.sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-color);width:440px;transition:width var(--transition-slow);flex-shrink:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 30px;display:flex}.empty-icon{color:var(--text-muted);opacity:.4;margin-bottom:20px;animation:20s linear infinite spin-slow}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-empty h2{color:var(--text-primary);margin-bottom:10px;font-size:1.3rem;font-weight:600}.sidebar-empty p{color:var(--text-secondary);margin-bottom:28px;font-size:.85rem;line-height:1.6}.empty-countries{flex-direction:column;gap:8px;width:100%;max-width:220px;display:flex}.empty-country{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:10px;padding:10px 16px;font-size:.88rem;font-weight:500;display:flex}.empty-country:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translate(4px)}.empty-flag{font-size:1.4rem}.empty-references{text-align:left;border-top:1px solid var(--border-color);width:100%;margin-top:30px;padding-top:24px}.ref-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;font-size:.75rem;font-weight:600}.ref-list{flex-direction:column;gap:8px;list-style:none;display:flex}.ref-list li{color:var(--text-secondary);padding-left:14px;font-size:.78rem;line-height:1.4;position:relative}.ref-list li:before{content:"[";color:var(--accent-blue);font-weight:700;position:absolute;left:0}.sidebar-detail{padding:24px;animation:.35s ease-out slide-in;position:relative}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sidebar-close{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.sidebar-close:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.country-header{align-items:center;gap:14px;margin-bottom:14px;animation:.4s ease-out both header-slide;display:flex}@keyframes header-slide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.country-flag{font-size:2.8rem;line-height:1;transition:transform .3s;animation:.6s cubic-bezier(.34,1.56,.64,1) both flag-bounce}.country-flag:hover{transform:scale(1.2)rotate(5deg)}@keyframes flag-bounce{0%{opacity:0;transform:scale(.3)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.country-name{letter-spacing:-.02em;background:linear-gradient(90deg, var(--text-primary), var(--accent-blue), var(--text-primary));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:700;animation:3s linear infinite shimmer-text}@keyframes shimmer-text{0%{background-position:-200%}to{background-position:200%}}.country-role{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;margin-top:4px;padding:3px 10px;font-size:.7rem;font-weight:600;animation:.5s ease-out .2s both role-appear;display:inline-block}@keyframes role-appear{0%{opacity:0;transform:scale(.8)translate(-10px)}to{opacity:1;transform:scale(1)translate(0)}}.role-source{color:var(--accent-red);background:#ef444426;border:1px solid #ef444440}.role-target{color:var(--accent-green);background:#10b98126;border:1px solid #10b98140;animation:.5s ease-out .2s both role-appear,2s 1s infinite pulse-border}@keyframes pulse-border{0%,to{border-color:#10b98140;box-shadow:0 0 #10b98100}50%{border-color:#10b98180;box-shadow:0 0 10px 2px #10b98126}}.country-description{color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:22px;padding-bottom:18px;font-size:.82rem;line-height:1.65}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);align-items:center;gap:8px;margin-top:4px;margin-bottom:12px;font-size:.82rem;font-weight:600;animation:.4s ease-out both fade-slide-up;display:flex;position:relative}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-title svg{color:var(--accent-blue);animation:2s ease-in-out infinite icon-glow}@keyframes icon-glow{0%,to{filter:drop-shadow(0 0 2px #3b82f64d)}50%{filter:drop-shadow(0 0 8px #3b82f699)}}.climate-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;display:grid}.climate-stat{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;padding:10px;transition:all .35s cubic-bezier(.34,1.56,.64,1);animation:.5s ease-out both card-pop-in}.climate-stat:first-child{animation-delay:50ms}.climate-stat:nth-child(2){animation-delay:.1s}.climate-stat:nth-child(3){animation-delay:.15s}.climate-stat:nth-child(4){animation-delay:.2s}.climate-stat:nth-child(5){animation-delay:.25s}.climate-stat:nth-child(6){animation-delay:.3s}@keyframes card-pop-in{0%{opacity:0;transform:scale(.85)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.climate-stat:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-4px)scale(1.03);box-shadow:0 8px 25px #3b82f61f}.climate-stat-value{font-size:1.15rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);transition:color .3s}.climate-stat:hover .climate-stat-value{color:var(--accent-blue)}.climate-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:3px;font-size:.65rem;font-weight:500}.benchmarks-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;display:grid}.benchmark-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;padding:12px 10px;transition:all .35s cubic-bezier(.34,1.56,.64,1);animation:.5s ease-out both card-pop-in;position:relative;overflow:hidden}.benchmark-card:first-child{animation-delay:.1s}.benchmark-card:nth-child(2){animation-delay:.18s}.benchmark-card:nth-child(3){animation-delay:.26s}.benchmark-card:hover{transform:translateY(-4px)scale(1.04);box-shadow:0 10px 30px #0000004d}.benchmark-card:before{content:"";height:3px;transition:height .3s;position:absolute;top:0;left:0;right:0}.benchmark-card:hover:before{height:5px}.benchmark-card.heat:before{background:var(--gradient-red)}.benchmark-card.cool:before{background:var(--gradient-blue)}.benchmark-card.dhw:before{background:var(--gradient-amber)}.benchmark-value{font-size:1.2rem;font-weight:700;font-family:var(--font-mono);transition:transform .3s}.benchmark-card:hover .benchmark-value{transform:scale(1.1)}.benchmark-card.heat .benchmark-value{color:var(--accent-red)}.benchmark-card.cool .benchmark-value{color:var(--accent-cyan)}.benchmark-card.dhw .benchmark-value{color:var(--accent-amber)}.benchmark-label{color:var(--text-muted);margin-top:4px;font-size:.65rem;font-weight:500}.prediction-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:10px;padding:16px;transition:all .35s cubic-bezier(.34,1.56,.64,1);animation:.45s ease-out both card-slide-in;position:relative;overflow:hidden}.prediction-card:first-child{animation-delay:50ms}.prediction-card:nth-child(2){animation-delay:.12s}.prediction-card:nth-child(3){animation-delay:.19s}.prediction-card:nth-child(4){animation-delay:.26s}.prediction-card:nth-child(5){animation-delay:.33s}@keyframes card-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.prediction-card:hover{background:var(--bg-card-hover);border-color:var(--border-active);box-shadow:0 0 35px #3b82f62e, var(--shadow-md);transform:translate(-3px)}.prediction-card:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.prediction-card.heating:before{background:var(--gradient-red)}.prediction-card.cooling:before{background:var(--gradient-blue)}.prediction-card.dhw:before{background:var(--gradient-amber)}.prediction-card.electricity:before{background:var(--gradient-green)}.prediction-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.prediction-badges{align-items:center;gap:6px;display:flex}.improvement-badge{background:var(--bg-elevated);color:var(--accent-blue);border:1px solid var(--border-active);font-size:.68rem;font-weight:700;font-family:var(--font-mono);border-radius:10px;padding:3px 8px}.prediction-name{font-size:.92rem;font-weight:600}.prediction-badge{font-size:.68rem;font-weight:600;font-family:var(--font-mono);border-radius:10px;padding:3px 8px}.badge-good{color:var(--accent-green);background:#10b98126;border:1px solid #10b98140}.badge-moderate{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b40}.badge-poor{color:var(--accent-red);background:#ef444426;border:1px solid #ef444440}.strategy-metrics{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.strategy-metric{border-radius:var(--radius-sm);text-align:center;transition:all var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0a;padding:8px 6px}.strategy-metric:hover{background:#ffffff0d}.strategy-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:.6rem;font-weight:600}.strategy-r2{font-size:1rem;font-weight:700;font-family:var(--font-mono)}.strategy-mae{color:var(--text-muted);font-size:.62rem;font-family:var(--font-mono);margin-top:2px}.r2-excellent{color:#34d399}.r2-good{color:#60a5fa}.r2-moderate{color:#fbbf24}.r2-poor{color:#f87171}.source-prediction-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.4s ease-out both card-pop-in;display:flex}.source-prediction-card:first-child{animation-delay:50ms}.source-prediction-card:nth-child(2){animation-delay:.1s}.source-prediction-card:nth-child(3){animation-delay:.15s}.source-prediction-card:nth-child(4){animation-delay:.2s}.source-prediction-card:nth-child(5){animation-delay:.25s}.source-prediction-card:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translate(-4px)scale(1.01);box-shadow:0 4px 20px #3b82f61a}.source-pred-name{font-size:.88rem;font-weight:500}.source-r2{font-family:var(--font-mono);font-size:.95rem;font-weight:700}.r2-bar-container{margin-top:10px}.r2-bar-row{align-items:center;gap:8px;margin-bottom:5px;display:flex}.r2-bar-label{color:var(--text-muted);text-align:right;text-transform:uppercase;letter-spacing:.03em;width:50px;font-size:.62rem;font-weight:600}.r2-bar-track{background:#ffffff0d;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.r2-bar-fill{border-radius:3px;min-width:2px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.r2-bar-fill.direct{background:var(--gradient-red)}.r2-bar-fill.delta{background:var(--gradient-amber)}.r2-bar-fill.finetune{background:var(--gradient-green)}.r2-bar-value{font-size:.68rem;font-family:var(--font-mono);text-align:left;width:45px;font-weight:600}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 24px;font-size:.72rem;display:flex}.footer-sep{color:var(--text-muted);opacity:.4}.leaflet-popup-content-wrapper{background:var(--bg-card)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-lg)!important}.leaflet-popup-tip{background:var(--bg-card)!important;border:1px solid var(--border-color)!important}.leaflet-popup-content{font-family:var(--font-main)!important;margin:12px 16px!important}.popup-title{margin-bottom:4px;font-size:.95rem;font-weight:700}.popup-subtitle{color:var(--text-secondary);font-size:.75rem}@media (max-width:900px){.app-main{flex-direction:column}.sidebar{border-left:none;border-top:1px solid var(--border-color);width:100%;max-height:50vh}.header-right{display:none}}.transfer-arrow{color:var(--text-muted);align-items:center;gap:4px;margin:2px 0;font-size:.75rem;display:inline-flex}.transfer-arrow svg{color:var(--accent-blue)}.best-strategy{background:#10b9810f!important;border-color:#10b9814d!important}.best-strategy .strategy-label{color:var(--accent-green)}.delta-scale-badge{font-size:.62rem;font-family:var(--font-mono);color:var(--accent-purple);background:#8b5cf626;border:1px solid #8b5cf640;border-radius:6px;margin-left:6px;padding:2px 6px;font-weight:600;display:inline-block}.figure-category{margin-bottom:18px}.figure-category-title{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #06b6d426;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;font-size:.72rem;font-weight:600;display:flex}.figure-category-title:before{content:"";background:var(--accent-cyan);border-radius:50%;flex-shrink:0;width:4px;height:4px}.figure-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;margin-bottom:10px;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:.5s ease-out both figure-fade-in;position:relative;overflow:hidden}.figure-card:first-child{animation-delay:50ms}.figure-card:nth-child(2){animation-delay:.1s}.figure-card:nth-child(3){animation-delay:.15s}.figure-card:nth-child(4){animation-delay:.2s}.figure-card:nth-child(5){animation-delay:.25s}@keyframes figure-fade-in{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.figure-card:hover{border-color:var(--border-active);transform:translateY(-4px)scale(1.01);box-shadow:0 12px 40px #3b82f626,0 4px 15px #0000004d}.figure-card:hover .figure-overlay{opacity:1}.figure-card:hover .figure-thumb{transform:scale(1.03)}.figure-thumb{object-fit:contain;background:#0d1117;width:100%;min-height:80px;transition:transform .5s;display:block}.figure-overlay{opacity:0;transition:opacity var(--transition-base);background:#0a0e1a99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.figure-overlay-icon{color:#fff;background:#3b82f6e6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 20px #3b82f666}.figure-caption{color:var(--text-secondary);align-items:center;gap:6px;padding:10px 12px;font-size:.75rem;font-weight:500;line-height:1.4;display:flex}.figure-caption-icon{color:var(--text-muted);flex-shrink:0}.figure-count-badge{font-size:.68rem;font-weight:600;font-family:var(--font-mono);color:var(--accent-cyan);background:#06b6d41f;border:1px solid #06b6d433;border-radius:10px;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;display:inline-flex}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:all var(--transition-base);background:#000000eb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-close{width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);z-index:10;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:20px}.lightbox-close:hover{background:var(--accent-red);border-color:var(--accent-red)}.lightbox-nav{width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);z-index:10;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{border-color:var(--accent-blue);background:#3b82f64d}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-image-wrap{justify-content:center;align-items:center;max-width:90vw;max-height:80vh;animation:.3s ease-out lightbox-appear;display:flex}@keyframes lightbox-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-image-wrap img{border-radius:var(--radius-md);max-width:100%;max-height:78vh;box-shadow:0 20px 60px #00000080}.lightbox-caption{color:var(--text-secondary);text-align:center;max-width:600px;margin-top:14px;font-size:.88rem;font-weight:500}.lightbox-counter{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;padding:4px 12px;position:absolute;top:20px;left:20px}.b2d-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-top:.6rem;padding:.6rem .7rem}.b2d-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.b2d-title{color:var(--text-primary);font-size:.76rem;font-weight:600}.b2d-city{color:var(--text-muted);margin-left:auto;font-size:.62rem}.b2d-section{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:5px 0 3px;padding-left:2px;font-size:.58rem;font-weight:600}.b2d-row{gap:4px;margin-bottom:4px;display:flex}.b2d-card{cursor:pointer;transition:all var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;flex:1;align-items:center;gap:5px;padding:5px 8px;animation:3s ease-in-out infinite b2d-float;display:flex}.b2d-card:first-child{animation-delay:0s}.b2d-card:nth-child(2){animation-delay:.4s}.b2d-card:nth-child(3){animation-delay:.8s}.b2d-card:hover{background:#ffffff0d;border-color:#ffffff1a;animation-play-state:paused;transform:translateY(-2px)}.b2d-sel{box-shadow:0 0 10px #06b6d414;background:#06b6d41a!important;border-color:#06b6d459!important;animation:2s ease-in-out infinite b2d-pulse!important}@keyframes b2d-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes b2d-pulse{0%,to{box-shadow:0 0 10px #06b6d414}50%{box-shadow:0 0 16px #06b6d433}}.b2d-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:transform .3s,box-shadow .3s}.b2d-card:hover .b2d-indicator{transform:scale(1.25);box-shadow:0 0 6px}.b2d-sel .b2d-indicator{transform:scale(1.15);box-shadow:0 0 8px}.b2d-code{color:var(--text-secondary);font-size:.62rem;font-weight:600}.b2d-sel .b2d-code{color:var(--text-primary)}.b2d-detail{background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;margin-top:6px;padding:8px}.b2d-detail-top{flex-direction:column;align-items:center;gap:4px;margin-bottom:6px;display:flex}.b2d-detail-info{flex:1}.b2d-detail-name{color:var(--text-primary);font-size:.7rem;font-weight:600}.b2d-detail-total{color:var(--text-muted);font-size:.58rem;font-family:var(--font-mono);margin-top:1px}.b2d-metrics{flex-direction:column;gap:4px;display:flex}.b2d-metric-head{justify-content:space-between;margin-bottom:2px;display:flex}.b2d-metric-label{color:var(--text-secondary);font-size:.58rem}.b2d-metric-val{font-size:.58rem;font-weight:600;font-family:var(--font-mono)}.b2d-metric-track{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.b2d-metric-fill{border-radius:2px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.b2d-detail{background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;margin-top:6px;padding:8px;animation:.3s ease-out b2d-detail-in}@keyframes b2d-detail-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}