:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 20px;--radius-full: 50%;--border-width: 1px;--border-width-2: 2px;--font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 28px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height: 1.5;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--opacity-disabled: .4;--opacity-muted: .6;--opacity-hover: .08;--opacity-active: .12;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 4px 16px rgba(91, 159, 232, .2);--shadow-glow-hover: 0 6px 24px rgba(91, 159, 232, .3);--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right)}:root{--bg-primary: #141B27;--bg-secondary: #1A2332;--bg-card: #1F2A3A;--bg-elevated: #263545;--bg-hover: rgba(91, 159, 232, .06);--bg-active: rgba(91, 159, 232, .1);--accent: #5B9FE8;--accent-hover: #6EB0F2;--accent-muted: rgba(91, 159, 232, .15);--accent-gradient: linear-gradient(135deg, #5B9FE8, #7EC8E3);--accent-gradient-hover: linear-gradient(135deg, #6EB0F2, #8ED8ED);--text-primary: #E8EDF3;--text-secondary: #8FA3B5;--text-muted: #5A6E7F;--text-inverse: #FFFFFF;--border-color: #2A3848;--border-subtle: #222F3D;--progress-bg: #2A3848;--progress-fill: #5B9FE8;--success: #5ECDA0;--success-muted: rgba(94, 205, 160, .12);--warning: #FFB94D;--warning-muted: rgba(255, 185, 77, .12);--danger: #F07070;--danger-muted: rgba(240, 112, 112, .12);--info: #6EC6D6;--info-muted: rgba(110, 198, 214, .12);--gold: #FFC857;--overlay: rgba(0, 0, 0, .5);--glass-bg: rgba(255, 255, 255, .04);--glass-bg-heavy: rgba(20, 27, 39, .85);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 2px 16px rgba(0, 0, 0, .12), inset 0 .5px 0 rgba(255, 255, 255, .06)}[data-theme=light]{--bg-primary: #F8FAFB;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #F0F4F7;--bg-hover: rgba(58, 130, 195, .06);--bg-active: rgba(58, 130, 195, .1);--accent: #3A82C3;--accent-hover: #2D6FA8;--accent-muted: rgba(58, 130, 195, .12);--accent-gradient: linear-gradient(135deg, #3A82C3, #5AAFCC);--accent-gradient-hover: linear-gradient(135deg, #2D6FA8, #4A9FBC);--text-primary: #1A2533;--text-secondary: #5A6E80;--text-muted: #9EACB8;--text-inverse: #FFFFFF;--border-color: #E2E8EE;--border-subtle: #EDF1F5;--progress-bg: #E2E8EE;--progress-fill: #3A82C3;--success: #2EA078;--success-muted: rgba(46, 160, 120, .1);--warning: #C88C1E;--warning-muted: rgba(200, 140, 30, .1);--danger: #D24646;--danger-muted: rgba(210, 70, 70, .1);--info: #3A9AAA;--info-muted: rgba(58, 154, 170, .1);--gold: #D4A020;--overlay: rgba(0, 0, 0, .3);--glass-bg: rgba(255, 255, 255, .75);--glass-bg-heavy: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .12);--glass-shadow: 0 2px 8px rgba(0, 0, 0, .07), inset 0 .5px 0 rgba(255, 255, 255, .6)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-primary: #F8FAFB;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #F0F4F7;--bg-hover: rgba(58, 130, 195, .06);--bg-active: rgba(58, 130, 195, .1);--accent: #3A82C3;--accent-hover: #2D6FA8;--accent-muted: rgba(58, 130, 195, .12);--accent-gradient: linear-gradient(135deg, #3A82C3, #5AAFCC);--text-primary: #1A2533;--text-secondary: #5A6E80;--text-muted: #9EACB8;--text-inverse: #FFFFFF;--border-color: #E2E8EE;--border-subtle: #EDF1F5;--progress-bg: #E2E8EE;--progress-fill: #3A82C3;--success: #2EA078;--success-muted: rgba(46, 160, 120, .1);--warning: #C88C1E;--warning-muted: rgba(200, 140, 30, .1);--danger: #D24646;--danger-muted: rgba(210, 70, 70, .1);--info: #3A9AAA;--info-muted: rgba(58, 154, 170, .1);--gold: #D4A020;--overlay: rgba(0, 0, 0, .3);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .12);--glass-shadow: 0 2px 8px rgba(0, 0, 0, .07), inset 0 .5px 0 rgba(255, 255, 255, .6)}}.glass,.btn,.tab,.stats-grid,.auth-btn,.search-bar,.media-card,.notification-bell,.user-card{background:var(--glass-bg);border:.5px solid var(--glass-border);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--glass-shadow)}.btn-primary{background:#5b9fe833;border-color:#5b9fe84d;color:var(--accent);box-shadow:0 2px 12px #5b9fe81a,inset 0 .5px #ffffff14}.btn-primary:hover{background:#5b9fe84d;border-color:#5b9fe873;box-shadow:0 4px 16px #5b9fe826}.btn-outlined{background:#ffffff0f;border-color:#ffffff26;color:var(--text-primary);box-shadow:0 2px 8px #00000014,inset 0 .5px #ffffff0f}.btn-outlined:hover{background:#ffffff1a;border-color:#ffffff40}.btn-success{background:#5ecda033;border-color:#5ecda04d;color:var(--success);box-shadow:0 2px 8px #5ecda014}.btn-success:hover{background:#5ecda04d;border-color:#5ecda073}.btn-danger{background:#f0707033;border-color:#f070704d;color:var(--danger);box-shadow:0 2px 8px #f0707014}.btn-danger:hover{background:#f070704d;border-color:#f0707073}.btn-warning{background:#ffb94d33;border-color:#ffb94d4d;color:var(--warning);box-shadow:0 2px 8px #ffb94d14}.btn-warning:hover{background:#ffb94d4d;border-color:#ffb94d73}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--text-primary);line-height:var(--line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.2;margin:0}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}@keyframes card-lift{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes star-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fade-in var(--transition-normal) ease forwards}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,var(--glass-bg) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}a.nav-item{color:var(--text-secondary)}a.nav-item:hover{color:var(--text-primary)}a.nav-item.active{color:var(--accent)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-pill)}.nav-item,.btn,.media-card,.tab{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app-header{padding-top:calc(12px + var(--sat))}.app-bottom-nav{padding-bottom:calc(8px + var(--sab))}