:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #ffffff;--bg-panel: #ffffff;--text-primary: #333333;--text-secondary: #555555;--text-muted: #6c757d;--text-inverse: #ffffff;--text-error: #dc3545;--border-color: #cccccc;--border-light: #dddddd;--border-accent: #eeeeee;--color-primary: #007bff;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-logged-out: #6c757d;--color-hover: #0056b3;--color-focus: #80bdff;--color-primary-hover: #0056b3;--color-danger-hover: #c82333;--shadow-light: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .1);--shadow-heavy: 0 2px 5px rgba(0, 0, 0, .2);--font-family-base: sans-serif;--font-size-base: 14px;--font-size-large: 16px;--font-size-xlarge: 18px;--font-size-xxlarge: 28px;--font-weight-normal: normal;--font-weight-bold: bold;--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 25px;--spacing-xxl: 40px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-full: 50%;--transition-base: all .3s ease}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--bg-panel: #2d2d2d;--text-primary: #e1e1e1;--text-secondary: #b8b8b8;--text-muted: #888888;--text-inverse: #1a1a1a;--text-error: #ff6b6b;--border-color: #404040;--border-light: #505050;--border-accent: #333333;--color-primary: #4a9eff;--color-success: #40d862;--color-danger: #ff6b6b;--color-warning: #ffeb3b;--color-logged-out: #666666;--color-hover: #357abd;--color-focus: #80bdff;--color-primary-hover: #357abd;--color-danger-hover: #ff5252;--shadow-light: 0 2px 4px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .3);--shadow-heavy: 0 2px 5px rgba(0, 0, 0, .4)}html,body{height:100%;margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-base)}#content{height:100vh;width:100%}#error-message{color:var(--text-error);font-family:var(--font-family-base)}.page-title{margin:0;font-size:var(--font-size-xlarge, 24px);font-weight:var(--font-weight-bold, 600)}.page-subtitle{margin:var(--spacing-xs, 4px) 0 0 0;font-size:var(--font-size-base, 14px);color:var(--text-secondary, #666)}.error-details{margin:var(--spacing-sm, .5rem) 0;text-align:left}.error-pre{font-size:var(--font-size-sm, .875rem);white-space:pre-wrap;margin:var(--spacing-sm, .5rem) 0;padding:var(--spacing-sm, .5rem);background:var(--bg-muted, #f8f9fa);border-radius:var(--border-radius-sm, .125rem)}.profile-container{max-width:800px;margin:0 auto;padding:var(--spacing-lg);font-family:var(--font-family-base);background-color:var(--bg-primary);color:var(--text-primary)}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-accent)}.profile-header>div{display:flex;align-items:center;gap:var(--spacing-sm)}.profile-header h1{margin:0;color:var(--text-primary);font-size:var(--font-size-xxlarge);font-weight:var(--font-weight-bold)}.back-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-large);padding:8px var(--spacing-md);border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);transition:var(--transition-base)}.back-link:hover{background-color:var(--color-primary);color:var(--text-inverse)}.page-header{position:fixed;top:0;left:0;right:0;background-color:var(--bg-panel, rgba(255, 255, 255, .95));color:var(--text-primary, #333);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);box-shadow:var(--shadow-light, 0 2px 4px rgba(0, 0, 0, .1));z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none}.hidden{display:none!important}.main-view{position:relative;width:100%;height:100vh}.error-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:var(--spacing-lg);background-color:var(--bg-error, #fee);border:1px solid var(--border-error, #fcc);border-radius:var(--border-radius-md);color:var(--text-error, #c33);z-index:1001;max-width:90%;min-width:300px;box-shadow:var(--shadow-heavy, 0 4px 8px rgba(0, 0, 0, .2));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-theme=dark] .error-message{background-color:var(--bg-error-dark, #4a1a1a);border-color:var(--border-error-dark, #661a1a);color:var(--text-error-dark, #ff6b6b);box-shadow:var(--shadow-heavy-dark, 0 4px 8px rgba(0, 0, 0, .4))}.view-overlay{position:fixed;inset:0;background:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;overflow-y:auto}@media (prefers-color-scheme: dark){.view-overlay{background:#1e1e1ef2}}.overlay-container{max-width:800px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh;box-sizing:border-box}.overlay-nav{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.overlay-nav a{color:var(--color-primary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);transition:var(--transition-base)}.overlay-nav a:hover{background-color:var(--color-primary);color:var(--text-inverse)}map-widget{display:block;height:100%;width:100%}location-widget{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:1000;will-change:transform;backface-visibility:hidden}#global-theme-toggle{position:fixed;bottom:var(--spacing-sm);left:var(--spacing-sm);z-index:1000;will-change:transform;backface-visibility:hidden}#global-login{position:fixed;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:1000;will-change:transform;backface-visibility:hidden}#global-chart{position:fixed;bottom:var(--spacing-sm);left:50%;transform:translate(-50%);width:80%;max-width:1200px;min-width:40px;height:40dvh;min-height:300px;z-index:999;transition:all .3s ease;will-change:transform,width,height;backface-visibility:hidden}#global-chart.collapsed{width:40px;height:40px}#global-chart.expanded{width:80%;max-width:1200px;height:40dvh;min-height:300px}@media (max-width: 768px){#global-chart{width:100%;height:50dvh;min-height:300px;left:0;right:0;bottom:0;transform:none;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;transition:none!important}#global-chart.collapsed{width:40px;height:40px;left:50%;right:auto;bottom:var(--spacing-sm);transform:translate(-50%);border-radius:var(--border-radius-full, 50%);transition:none!important}#global-chart.expanded{width:100%;height:50dvh;min-height:300px;left:0;right:0;bottom:0;transform:none;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;transition:none!important}}.profile-container profile-widget{display:block}.view-transition-loading{position:relative}.view-transition-loading:after{content:"";position:absolute;top:50%;left:50%;width:2rem;height:2rem;margin:-1rem 0 0 -1rem;border:2px solid transparent;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;z-index:1001}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}