@media(max-width:768px){.geography-locked{padding:var(--space-md);overflow:hidden}.locked-content{padding:var(--space-md)}.globe-preview-container{height:300px;margin-bottom:var(--space-lg);background:transparent}.globe-sphere,.globe-grid{width:200px;height:200px}.lock-overlay{background:#0f0f23f2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lock-overlay h3{font-size:var(--font-size-lg);margin-top:var(--space-md);text-align:center}.lock-overlay p{font-size:var(--font-size-sm);padding:0 var(--space-md);text-align:center}.feature-grid{grid-template-columns:1fr;gap:var(--space-md)}.feature-item{padding:var(--space-md)}.feature-icon{font-size:24px}.primary-large{width:100%;padding:var(--space-md) var(--space-lg)!important;font-size:var(--font-size-base)!important}.privacy-note{padding:var(--space-md);font-size:var(--font-size-sm)}}:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #818cf8;--color-secondary: #ec4899;--color-accent: #14b8a6;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warm: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-cool: linear-gradient(135deg, #30cfd0 0%, #330867 100%);--gradient-sunset: linear-gradient(135deg, #ff6b6b 0%, #feca57 100%);--gradient-ocean: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-mesh: radial-gradient(at 40% 20%, hsla(28, 100%, 74%, .3) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, .3) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(355, 100%, 93%, .3) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(340, 100%, 76%, .3) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(22, 100%, 77%, .3) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(242, 100%, 70%, .3) 0px, transparent 50%), radial-gradient(at 0% 0%, hsla(343, 100%, 76%, .3) 0px, transparent 50%);--color-background: #000000;--color-background-secondary: #050505;--color-surface: rgba(255, 255, 255, .03);--color-surface-elevated: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: #b0b0c8;--color-text-tertiary: #7a7a95;--color-growth: #10b981;--color-growth-bg: rgba(16, 185, 129, .15);--color-plateau: #f59e0b;--color-plateau-bg: rgba(245, 158, 11, .15);--color-decline: #ef4444;--color-decline-bg: rgba(239, 68, 68, .15);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .6);--card-shadow: 0 4px 24px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .1);--modal-shadow: 0 8px 40px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .12), 0 0 60px rgba(99, 102, 241, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px rgba(99, 102, 241, .4);--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)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--color-text-primary);background:var(--color-background);position:relative;overflow-x:hidden}body:before{display:none}@keyframes meshMove{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:var(--space-md)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-md)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-3xl) 0}.card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--card-shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--space-md) var(--space-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-primary);transition:all var(--transition-base);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a,0 4px 12px #0000001a;transform:translateY(-1px)}input::placeholder{color:var(--color-text-tertiary)}label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}button{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f14d}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}button:hover:before{left:100%}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-primary);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}button.secondary:hover{background:var(--glass-border);border-color:#fff3}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:500px;pointer-events:auto;cursor:pointer;animation:slideInRight .3s ease-out;transition:all var(--transition-base)}.toast:hover{transform:translate(-4px);box-shadow:0 8px 32px #0000004d}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.toast-message{flex:1;font-size:var(--font-size-sm);line-height:1.5}.toast-success{border-left:4px solid var(--color-growth)}.toast-success .toast-icon{background:var(--color-growth);color:#000}.toast-error{border-left:4px solid var(--color-decline)}.toast-error .toast-icon{background:var(--color-decline);color:#fff}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{background:var(--color-warning);color:#000}.toast-info{border-left:44px solid var(--color-primary)}.toast-info .toast-icon{background:var(--color-primary);color:#000}.error{color:var(--color-decline);font-size:var(--font-size-sm);margin-top:var(--space-xs)}@media(max-width:768px){.container{padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}.card{padding:var(--space-lg)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}#root{min-height:100vh}.app-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:var(--space-2xl) 0;margin-bottom:var(--space-3xl);animation:slideDown .6s ease-out;position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:.05;z-index:-1}.chart-container{position:relative;height:500px;margin:var(--space-xl) 0;animation:fadeIn .8s ease-out;padding:var(--space-md);background:#0003;border-radius:var(--radius-lg)}.chart-card{position:relative}.chart-card:after{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}.chart-container canvas{position:relative;z-index:1}.phase-indicator{display:inline-block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-base);animation:fadeIn .5s ease-out;border:1px solid}.phase-indicator:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.phase-indicator.growth{background:var(--color-growth-bg);color:var(--color-growth);border-color:var(--color-growth);box-shadow:0 0 20px #10b98133}.phase-indicator.plateau{background:var(--color-plateau-bg);color:var(--color-plateau);border-color:var(--color-plateau);box-shadow:0 0 20px #f59e0b33}.phase-indicator.decline{background:var(--color-decline-bg);color:var(--color-decline);border-color:var(--color-decline);box-shadow:0 0 20px #ef444433}.metric-card{text-align:center;padding:var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:all var(--transition-base);animation:fadeInUp .6s ease-out backwards;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base);z-index:-1}.metric-card:hover:before{opacity:.1}.metric-card:nth-child(1){animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.2s}.metric-card:nth-child(3){animation-delay:.3s}.metric-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl),0 0 30px #6366f133}.metric-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm);transition:all var(--transition-base)}.metric-card:hover .metric-value{transform:scale(1.05)}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.card{animation:scaleIn .5s ease-out backwards}.card:nth-of-type(1){animation-delay:.1s}.card:nth-of-type(2){animation-delay:.2s}.card:nth-of-type(3){animation-delay:.3s}.card:nth-of-type(4){animation-delay:.4s}.card:nth-of-type(5){animation-delay:.5s}.card{transition:all var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.performance-bucket:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #0000004d}button{position:relative;overflow:hidden;transition:all var(--transition-base)}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:hover:before{width:300px;height:300px}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}button:active{transform:translateY(0)}input,textarea,select{transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb1a}.spinner{animation:spin .8s linear infinite,pulse 2s ease-in-out infinite}.flex-col>div{animation:fadeInUp .5s ease-out backwards}.flex-col>div:nth-child(1){animation-delay:.1s}.flex-col>div:nth-child(2){animation-delay:.15s}.flex-col>div:nth-child(3){animation-delay:.2s}.flex-col>div:nth-child(4){animation-delay:.25s}.flex-col>div:nth-child(5){animation-delay:.3s}.flex-col>div:nth-child(6){animation-delay:.35s}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);position:relative}a:hover:after{width:100%}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.geography-explorer{position:relative}.geography-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-lg)}.globe-section{position:relative;min-height:600px;margin:var(--space-xl) 0}.globe-canvas-container{width:100%;height:800px;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(circle at center,rgba(99,102,241,.1) 0%,transparent 70%)}.globe-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:600px;gap:var(--space-lg)}.geography-locked{position:relative}.locked-content{padding:var(--space-xl)}.globe-preview-container{position:relative;height:400px;margin-bottom:var(--space-2xl);border-radius:var(--radius-xl);overflow:hidden}.globe-preview-blur{width:100%;height:100%;filter:blur(10px);opacity:.3}.demo-globe{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%)}.globe-sphere{width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.5;animation:pulse 3s ease-in-out infinite}.globe-grid{position:absolute;width:300px;height:300px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f0f23cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.5rem;border-radius:30px}.lock-icon{color:var(--color-primary);animation:fadeIn .6s ease-out}.feature-description{margin:var(--space-2xl) 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.feature-item{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.feature-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-icon{font-size:32px;flex-shrink:0}.feature-text{flex:1}.privacy-note{margin-top:var(--space-2xl);padding:var(--space-lg);background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg)}.metric-toggle{display:flex;flex-direction:column;gap:var(--space-sm)}.metric-buttons{display:flex;gap:var(--space-sm);background:var(--glass-bg);padding:var(--space-xs);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.metric-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.metric-button:hover:not(:disabled){background:var(--glass-border);color:var(--color-text-primary)}.metric-button.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.metric-button:disabled{opacity:.5;cursor:not-allowed}.metric-icon{font-size:16px}.globe-tooltip{animation:fadeIn .2s ease-out}.tooltip-content{background:#0f0f23f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-lg);min-width:200px}.tooltip-country{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-bottom:var(--space-xs);color:var(--color-text-primary)}.tooltip-metric{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-xs)}.tooltip-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tooltip-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tooltip-percentage{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.country-panel-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;animation:fadeIn .2s ease-out}.country-panel{position:fixed;right:0;top:0;bottom:0;width:400px;background:#0f0f23fa;border-left:1px solid var(--glass-border);padding:var(--space-xl);overflow-y:auto;box-shadow:-8px 0 32px #00000080;animation:slideInRight .3s ease-out;z-index:10001}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.country-panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--glass-border)}.close-button{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--glass-border);color:var(--color-text-primary);transform:rotate(90deg)}.country-metrics{display:flex;gap:var(--space-lg);align-items:center;margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--glass-bg);border-radius:var(--radius-lg)}.metric-box{flex:1}.metric-value-large{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.metric-label-small{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.trend-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.country-chart-section,.city-section{margin-top:var(--space-xl)}.city-list{display:flex;flex-direction:column;gap:var(--space-sm)}.city-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--glass-bg);border-radius:var(--radius-md);transition:all var(--transition-base)}.city-item:hover{background:var(--glass-border);transform:translate(4px)}.city-name{font-size:var(--font-size-sm);color:var(--color-text-primary)}.city-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.loading-section,.no-data-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md)}.timeline-slider{margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.timeline-title{display:flex;flex-direction:column;gap:var(--space-xs)}.current-month{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.timeline-controls{display:flex;gap:var(--space-sm)}.timeline-button{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.timeline-button:hover:not(:disabled){background:var(--glass-border);color:var(--color-text-primary);transform:scale(1.1)}.timeline-button:disabled{opacity:.3;cursor:not-allowed}.timeline-button.play-button{background:var(--gradient-primary);color:#fff;border:none}.timeline-button.play-button:hover{box-shadow:0 4px 12px #6366f166}.timeline-slider-container{position:relative;margin:var(--space-lg) 0}.timeline-range{width:100%;height:6px;border-radius:3px;background:var(--glass-border);outline:none;-webkit-appearance:none;appearance:none}.timeline-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:0 2px 8px #6366f166;transition:all var(--transition-base)}.timeline-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #6366f199}.timeline-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;border:none;box-shadow:0 2px 8px #6366f166;transition:all var(--transition-base)}.timeline-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #6366f199}.timeline-track{position:absolute;top:0;left:0;right:0;height:6px;pointer-events:none}.timeline-marker{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--color-text-tertiary);top:50%;transform:translate(-50%,-50%);transition:all var(--transition-base)}.timeline-marker.active{background:var(--color-primary);width:6px;height:6px}.timeline-labels{display:flex;justify-content:space-between;margin-top:var(--space-sm)}.data-transparency-note{margin-top:var(--space-2xl);padding:var(--space-md);background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:var(--radius-md)}@media(max-width:768px){.geography-header{flex-direction:column}.globe-canvas-container{height:400px}.globe-section{min-height:400px}.metric-buttons{flex-direction:column}.metric-button{width:100%;justify-content:center}.country-panel{padding:var(--space-lg)}.timeline-header{flex-direction:column;gap:var(--space-md);align-items:flex-start}}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;padding:0;margin:0;cursor:pointer;transition:all var(--transition-base)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0000004d,0 0 0 3px var(--color-primary);transition:all var(--transition-base)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #0006,0 0 0 4px var(--color-primary)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid var(--color-primary);box-shadow:0 2px 8px #0000004d;transition:all var(--transition-base)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #0006}input[type=range]::-moz-range-thumb:active{transform:scale(1.1)}input[type=range]::-moz-range-track{background:transparent;border:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.embed-container{min-height:100vh;padding:var(--space-md);display:flex;flex-direction:column;background:var(--color-background)}.embed-container .card{flex:1;display:flex;flex-direction:column}.embed-container .chart-container{flex:1;min-height:500px}.embed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--color-text-secondary)}.embed-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.embed-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--color-decline);text-align:center;padding:var(--space-xl)}.embed-error svg{opacity:.7}.embed-branding{position:fixed;bottom:var(--space-md);right:var(--space-md);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-base);z-index:100}.embed-branding:hover{color:var(--color-text-primary);background:var(--glass-border);transform:translateY(-2px)}.embed-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;padding:var(--space-md);padding-top:var(--space-xl)}.embed-modal{background:var(--color-background-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--modal-shadow);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease-out}.embed-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--glass-border)}.embed-modal-header h3{margin:0;display:flex;align-items:center;gap:var(--space-sm)}.embed-modal-close{background:transparent;border:none;padding:var(--space-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:none}.embed-modal-close:hover{background:var(--glass-border);color:var(--color-text-primary);transform:none;box-shadow:none}.embed-modal-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.embed-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.embed-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.embed-option-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.toggle-switch{position:relative;width:44px;height:24px;background:var(--glass-border);border-radius:12px;cursor:pointer;transition:all var(--transition-base)}.toggle-switch.active{background:var(--gradient-primary)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all var(--transition-base);box-shadow:0 2px 4px #0003}.toggle-switch.active:after{left:22px}.embed-code-container{background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.embed-code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border-bottom:1px solid var(--glass-border)}.embed-code-header span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.embed-code-copy{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);box-shadow:none}.embed-code-copy:hover{background:var(--color-primary);border-color:var(--color-primary);transform:none;box-shadow:none}.embed-code-copy.copied{background:var(--color-growth);border-color:var(--color-growth);color:#fff}.embed-code-content{padding:var(--space-md);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all;line-height:1.6}.embed-preview{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md)}.embed-preview-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.embed-preview-frame{background:var(--color-background);border:1px solid var(--glass-border);border-radius:var(--radius-md);height:350px;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.light-theme{--color-background: #f8f9fa;--color-background-secondary: #ffffff;--color-surface: rgba(0, 0, 0, .03);--color-border: rgba(0, 0, 0, .1);--color-text-primary: #1a1a2e;--color-text-secondary: #4a4a6a;--color-text-tertiary: #8a8aa8;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1)}.light-theme body:before{opacity:.3}.geo-embed{position:relative;padding:0;background:var(--color-background)}.geo-embed-globe{width:100%;height:100vh;min-height:400px}.geo-embed-demo-badge{position:fixed;top:var(--space-md);left:var(--space-md);padding:var(--space-xs) var(--space-sm);background:#f59e0b33;border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-warning);z-index:100}.geo-embed-hint{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);z-index:100;animation:fadeInUp .5s ease-out;pointer-events:none}.app-footer{padding:var(--space-3xl) 0;margin-top:var(--space-3xl);border-top:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:0;text-align:center}.footer-links{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.footer-link{background:none;border:none;padding:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);box-shadow:none;font-weight:var(--font-weight-normal)}.footer-link:hover{color:var(--color-primary);transform:none;box-shadow:none}.footer-link:before{display:none}.footer-separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-xl);animation:fadeIn .3s ease-out;overflow-y:auto}.modal-content{background:var(--color-background-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--modal-shadow);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .3s ease-out;position:relative}.modal-header{padding:var(--space-xl);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.modal-header h2{margin-bottom:0}.modal-close{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);padding:0;font-size:20px;color:var(--color-text-secondary);flex-shrink:0;box-shadow:none}.modal-close:hover{background:var(--color-decline);border-color:var(--color-decline);color:#fff;transform:rotate(90deg)}.modal-close:before{display:none}.modal-footer{padding:var(--space-xl);border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;gap:var(--space-md)}.legal-page{max-width:900px}.legal-content{padding:var(--space-xl);overflow-y:auto;flex:1}.legal-section{margin-bottom:var(--space-2xl)}.legal-section h3{color:var(--color-primary);margin-bottom:var(--space-md);font-size:var(--font-size-xl)}.legal-section h4{color:var(--color-text-primary);margin-bottom:var(--space-sm);margin-top:var(--space-lg);font-size:var(--font-size-lg)}.legal-section p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-md)}.legal-section ul{list-style:none;padding-left:0;margin-bottom:var(--space-md)}.legal-section li{color:var(--color-text-secondary);line-height:1.8;padding-left:var(--space-lg);position:relative;margin-bottom:var(--space-sm)}.legal-section li:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:0}.legal-section a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-base);border-bottom:1px solid transparent}.highlight-box{background:var(--glass-bg);border-left:4px solid var(--color-primary);padding:var(--space-md);border-radius:var(--radius-md);margin:var(--space-lg) 0}.highlight-box strong{color:var(--color-primary)}.link-text{color:var(--color-primary);cursor:pointer;transition:all var(--transition-base)}.link-text:hover{text-decoration:underline}.feedback-pulse-button{position:fixed;bottom:30px;left:30px;width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);border:none;box-shadow:0 4px 20px #6366f166;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;z-index:9998;transition:all var(--transition-base);animation:pulseHeartbeat 2s ease-in-out infinite,slideInFromBottom .6s ease-out;padding:.5;overflow:visible}.feedback-pulse-button:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 30px #6366f199}.feedback-pulse-button:before{display:none}.feedback-pulse-button svg{width:24px;height:24px;stroke:#fff;fill:none;animation:heartBeat 1.5s ease-in-out infinite}.feedback-button-text{font-size:9px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:#fff;margin-top:-2px}@keyframes pulseHeartbeat{0%,to{box-shadow:0 4px 20px #6366f166}50%{box-shadow:0 4px 30px #6366f1b3,0 0 0 10px #6366f11a}}@keyframes heartBeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-modal{max-width:600px}.feedback-form{padding:var(--space-xl)}.form-group{margin-bottom:var(--space-xl)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.emoji-rating-container{display:flex;gap:var(--space-sm);justify-content:space-between;flex-wrap:wrap}.emoji-rating{flex:0 1 auto;min-width:80px;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);box-shadow:none}.emoji-rating:before{display:none}.emoji-rating:hover{background:var(--glass-border);border-color:var(--color-primary);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #6366f14d}.emoji-rating.selected{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 20px #6366f180;transform:scale(1.05)}.emoji-rating .emoji{font-size:32px;line-height:1;transition:all var(--transition-base)}.emoji-rating:hover .emoji,.emoji-rating.selected .emoji{transform:scale(1.2)}.emoji-rating .emoji-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;font-weight:var(--font-weight-medium)}.emoji-rating.selected .emoji-label{color:#fff}.feedback-select{width:100%;padding:var(--space-md);padding-right:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base)}.feedback-select option{background:var(--color-background-secondary);color:var(--color-text-primary);padding:var(--space-sm)}.feedback-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.feedback-textarea{width:100%;padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family);resize:vertical;min-height:100px;transition:all var(--transition-base)}.feedback-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.feedback-textarea::placeholder{color:var(--color-text-tertiary)}@media(max-width:768px){.emoji-rating-container{gap:var(--space-xs)}.emoji-rating{min-width:60px;padding:var(--space-sm)}.emoji-rating .emoji{font-size:24px}.emoji-rating .emoji-label{font-size:10px}.feedback-pulse-button{bottom:20px;left:20px;width:56px;height:56px}.footer-content,.footer-links{gap:var(--space-sm)}}.footer-icon{width:40px;height:40px;margin-bottom:var(--space-sm);opacity:.8;transition:all var(--transition-base)}.footer-icon:hover{opacity:1;transform:scale(1.05)}.consent-modal-overlay{overflow-y:auto;background:#000000d9}.consent-modal{max-width:560px;overflow:hidden}.consent-modal-header-gradient{position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.consent-modal-content{max-height:80vh;overflow-y:auto;padding:var(--space-xl)}.consent-hero{text-align:center;margin-bottom:var(--space-xl)}.consent-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);animation:pulseHeartbeat 2s ease-in-out infinite}.consent-icon svg{color:#fff}.consent-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.consent-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:0}.consent-features{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.consent-features h4{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.consent-feature-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.consent-feature-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.consent-check{color:var(--color-growth);font-weight:700}.consent-geo-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.consent-toggle-label{display:flex;align-items:flex-start;gap:var(--space-md);cursor:pointer}.consent-toggle-wrapper{flex-shrink:0}.consent-checkbox{display:none}.consent-toggle{width:48px;height:26px;background:var(--glass-border);border-radius:13px;position:relative;transition:all var(--transition-base)}.consent-toggle.active{background:var(--color-primary)}.consent-toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all var(--transition-base)}.consent-toggle.active .consent-toggle-slider{left:25px}.consent-toggle-content{display:flex;flex-direction:column;gap:2px}.consent-toggle-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.consent-toggle-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.consent-geo-note{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#f59e0b1a;border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-plateau)}.consent-toggle-label.consent-toggle-disabled{cursor:default;opacity:.8}.consent-toggle.disabled{background:var(--glass-border);opacity:.5;cursor:not-allowed}.consent-toggle.disabled .consent-toggle-slider{background:#ffffff80}.consent-coming-soon-badge{display:inline-block;margin-left:var(--space-sm);padding:2px 8px;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.consent-benefits{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.consent-benefit{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.consent-benefit-icon{font-size:var(--font-size-lg)}.consent-data-note{background:var(--glass-bg);border-left:3px solid var(--color-primary);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.consent-actions{display:flex;flex-direction:column;gap:var(--space-md)}.consent-accept-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-lg);font-size:var(--font-size-lg)}.consent-decline-btn{background:transparent;border:1px solid var(--glass-border);color:var(--color-text-secondary);box-shadow:none}.consent-decline-btn:hover{background:var(--glass-bg);box-shadow:none}.consent-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.consent-privacy-note{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-lg);margin-bottom:0}.share-modal{max-width:600px}.share-tabs{display:flex;gap:var(--space-xs);padding:0 var(--space-xl);border-bottom:1px solid var(--glass-border)}.share-tab{background:transparent;border:none;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;position:relative;transition:all var(--transition-base);box-shadow:none}.share-tab:before{display:none}.share-tab:hover{color:var(--color-text-primary);transform:none;box-shadow:none}.share-tab.active{color:var(--color-primary)}.share-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary)}.share-content{padding:var(--space-xl)}.share-url-section{margin-bottom:var(--space-xl)}.share-url-input-group{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.share-url-input{flex:1;background:var(--glass-bg);font-family:monospace;font-size:var(--font-size-sm)}.share-copy-btn{min-width:100px;padding:var(--space-md) var(--space-lg)}.share-copy-btn.copied{background:var(--color-growth);box-shadow:0 4px 15px #10b9814d}.share-qr-section{text-align:center}.share-qr-container{margin-top:var(--space-md)}.share-qr-code{display:inline-block;padding:var(--space-md);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.share-qr-hint{margin-top:var(--space-md);margin-bottom:0}.share-embed-section{margin-bottom:var(--space-xl)}.share-embed-section:last-child{margin-bottom:0}.share-embed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.share-copy-small-btn{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}.share-embed-code{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow-x:auto;white-space:pre-wrap;margin:0}.share-social-grid{display:flex;flex-direction:column;gap:var(--space-md)}.share-social-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.share-social-btn.twitter{background:#000}.share-social-btn.linkedin{background:#0077b5}.share-social-btn.whatsapp{background:#25d366}.share-social-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.share-footer-tip{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--glass-border);text-align:center}@media(max-width:640px){.share-modal{max-width:100%;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh;overflow-y:auto}.share-tabs{padding:0 var(--space-md);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:0}.share-tabs::-webkit-scrollbar{display:none}.share-tab{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0}.share-content{padding:var(--space-lg)}.share-url-input-group{flex-direction:column}.share-copy-btn{width:100%}.share-qr-code{padding:var(--space-sm)}.share-qr-code svg{width:160px!important;height:160px!important}.share-embed-code{font-size:10px;padding:var(--space-sm)}.share-footer-tip{padding:var(--space-md)}}.profile-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.profile-error{min-height:100vh;display:flex;align-items:center;justify-content:center}.profile-error-content{text-align:center;max-width:400px}.profile-error-content svg{color:var(--color-decline);margin-bottom:var(--space-lg)}.profile-error-content h2{margin-bottom:var(--space-sm)}.profile-error-content p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.profile-page{min-height:100vh}.profile-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:var(--space-xl) 0;margin-bottom:var(--space-3xl)}.profile-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.profile-channel-info{display:flex;align-items:center;gap:var(--space-lg)}.profile-channel-avatar{width:64px;height:64px;border-radius:50%;border:2px solid var(--glass-border)}.profile-channel-name{font-size:var(--font-size-2xl);margin-bottom:var(--space-xs)}.profile-updated-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:0}.profile-stale-badge{display:inline-block;padding:2px 8px;background:#f59e0b33;color:var(--color-plateau);font-size:var(--font-size-xs);border-radius:var(--radius-sm);margin-top:var(--space-xs)}.profile-branding{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:all var(--transition-base)}.profile-branding:hover{color:var(--color-primary)}.profile-stats-card{margin-bottom:var(--space-xl)}.profile-cta-section{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl)}.profile-cta-content{text-align:center;padding:var(--space-3xl);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.profile-cta-content h3{margin-bottom:var(--space-sm)}.profile-cta-content p{margin-bottom:var(--space-xl)}.profile-cta-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.profile-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.profile-footer{padding:var(--space-xl) 0;text-align:center;border-top:1px solid var(--glass-border)}.profile-footer a{color:var(--color-primary);text-decoration:none}@media(max-width:768px){.consent-feature-list{grid-template-columns:1fr}.consent-benefits{flex-direction:column}.share-tabs{overflow-x:auto}.share-url-input-group{flex-direction:column}.share-copy-btn{width:100%}.profile-channel-info,.profile-header-content{flex-direction:column;text-align:center}}.geo-embed-profile-badge{position:absolute;top:12px;left:12px;padding:6px 12px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-growth);z-index:10}.profile-channel-link{text-decoration:none;color:inherit;display:inline-block}.profile-youtube-icon{margin-left:var(--space-sm);color:red;vertical-align:middle;transition:all var(--transition-base)}.profile-channel-link:hover .profile-youtube-icon{transform:scale(1.1)}.embed-preview-frame{min-height:350px;height:350px;background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow:hidden}.embed-container{min-height:100vh;min-height:100%;height:100%;padding:var(--space-md);box-sizing:border-box;display:flex;flex-direction:column}.embed-container .card{flex:1;display:flex;flex-direction:column;margin-bottom:0}.embed-container .chart-container{flex:1;min-height:250px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-background);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f166,#764ba266);border-radius:10px;border:2px solid var(--color-background);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6366f199,#764ba299)}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#6366f1cc,#764ba2cc)}*{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) var(--color-background)}.feedback-modal{max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.feedback-form{overflow-y:auto;max-height:calc(90vh - 120px)}@media(max-height:700px){.feedback-modal{max-height:95vh}.feedback-form{max-height:calc(95vh - 100px)}.emoji-rating{min-width:65px;padding:var(--space-sm)}.emoji-rating .emoji{font-size:24px}}.emoji-rating-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:var(--space-sm)}.modal-footer button.secondary{min-width:100px;white-space:nowrap}.modal-footer button{display:flex;align-items:center;justify-content:center;text-align:center}.modal-footer{display:flex;justify-content:center;gap:var(--space-md)}.feedback-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.oauth-callback-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:var(--space-xl)}.oauth-callback-card{max-width:400px;text-align:center;animation:fadeIn .5s ease-out}.oauth-callback-icon{margin-bottom:var(--space-lg);animation:pulseHeartbeat 2s ease-in-out infinite}.oauth-callback-error-icon{color:var(--color-decline);animation:none}.oauth-callback-error-icon svg{width:64px;height:64px}