:root{--font-size-hero: 3rem;--font-size-h1: 2.25rem;--font-size-h2: 1.875rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-body-lg: 1.125rem;--font-size-body: 1rem;--font-size-body-sm: .875rem;--font-size-xs: .75rem;--line-height-title: 1.2;--line-height-body: 1.6;--line-height-list: 1.5;--line-height-relaxed: 1.8;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--transition-xslow: .8s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--text-on-primary-button: #ffffff;--text-on-secondary-button: #ffffff;--input-placeholder: var(--text-tertiary)}:root,:root[data-theme=tech],:root[data-theme=dark]{--bg-primary: #0a0e1a;--bg-secondary: #151B2E;--bg-tertiary: #1E2740;--bg-card: rgba(255, 255, 255, .05);--bg-overlay: rgba(0, 0, 0, .8);--bg-overlay-alpha: rgba(0, 0, 0, .5);--bg-hover: rgba(255, 255, 255, .1);--text-primary: #FFFFFF;--text-secondary: #B0B8C9;--text-tertiary: #7B8294;--text-disabled: #4B5563;--text-link: #60A5FA;--text-accent: #8B5CF6;--text-on-primary-button: #ffffff;--color-primary: #8B5CF6;--color-primary-light: #A78BFA;--color-primary-lighter: #C4B5FD;--color-primary-lightest: #DDD6FE;--color-secondary: #4A8FE7;--color-secondary-light: #60A5FA;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--bg-info-alpha: rgba(59, 130, 246, .2);--border-info-alpha: rgba(59, 130, 246, .4);--color-warm-pink: #EC4899;--color-warm-beige: #F59E0B;--color-warm-orange: #F97316;--color-calm-blue: #22D3EE;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .35), 0 8px 10px -6px rgba(0, 0, 0, .2);--shadow-primary: 0 0 40px rgba(139, 92, 246, .3);--shadow-card: 0 8px 16px rgba(0, 0, 0, .4);--gradient-primary: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--gradient-secondary: linear-gradient(135deg, #4A8FE7 0%, #22D3EE 100%);--gradient-button: linear-gradient(to right, #F97316, #EF4444, #EC4899);--gradient-bg: linear-gradient(to bottom right, #0a0e1a, #0f1623, #1a1f2e);--gradient-text: linear-gradient(to right, #60A5FA, #22D3EE, #60A5FA);--gradient-card: linear-gradient(135deg, rgba(139, 92, 246, .1), rgba(74, 143, 231, .1));--border-default: rgba(139, 92, 246, .4);--border-hover: rgba(139, 92, 246, .7);--border-focus: rgba(139, 92, 246, .8);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(12px);--mailbox-title-text: #FFFFFF;--mailbox-sender-text: rgba(255, 255, 255, .9);--mailbox-preview-text: rgba(255, 255, 255, .8);--mailbox-time-text: rgba(255, 255, 255, .7);--mailbox-card-bg: linear-gradient(135deg, rgba(139, 92, 246, .15), rgba(236, 72, 153, .15));--mailbox-card-bg-hover: linear-gradient(135deg, rgba(139, 92, 246, .3), rgba(236, 72, 153, .3));--mailbox-card-border: rgba(139, 92, 246, .2);--mailbox-card-border-hover: rgba(139, 92, 246, .5);--mailbox-detail-bg: linear-gradient(135deg, rgba(15, 23, 42, .6), rgba(30, 41, 59, .6));--mailbox-modal-bg: linear-gradient(135deg, rgba(15, 23, 42, .98), rgba(30, 41, 59, .98));--mailbox-sidebar-bg: rgba(21, 27, 46, .95);--mailbox-sidebar-border: rgba(139, 92, 246, .2);--mailbox-button-text: #FFFFFF;--mailbox-button-bg: rgba(139, 92, 246, .2);--mailbox-button-bg-active: rgba(139, 92, 246, .4);--mailbox-button-border: rgba(139, 92, 246, .3);--mailbox-avatar-bg: linear-gradient(135deg, #8B5CF6, #EC4899);--mailbox-avatar-border: rgba(139, 92, 246, .4);--bg-glass: rgba(15, 22, 35, .7);--bg-active: rgba(139, 92, 246, .2);--gradient-accent: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--chat-bubble-user-bg: rgba(16, 185, 129, .25);--chat-bubble-user-border: rgba(16, 185, 129, .5);--chat-bubble-user-text: #FFFFFF;--chat-bubble-character-bg: rgba(59, 130, 246, .25);--chat-bubble-character-border: rgba(59, 130, 246, .5);--chat-bubble-character-text: #FFFFFF;--chat-input-bg: rgba(30, 41, 59, .8);--chat-input-border: rgba(139, 92, 246, .3);--chat-input-text: #FFFFFF;--header-icon-bg: rgba(255, 255, 255, .06);--header-icon-bg-hover: rgba(255, 255, 255, .12);--bg-secondary-button: rgba(30, 41, 59, .92);--bg-secondary-button-hover: rgba(51, 65, 85, .95);--text-on-secondary-button: #ffffff;--input-placeholder: rgba(255, 255, 255, .55);--wizard-selection-bg: rgba(30, 41, 59, .95);--wizard-selection-border: var(--color-primary);--wizard-selection-text: var(--text-primary);--wizard-selection-desc: var(--text-secondary)}:root[data-theme=serene-horizon]{--bg-primary: #EFF6FF;--bg-secondary: #DBEAFE;--bg-tertiary: #BFDBFE;--bg-card: rgba(255, 255, 255, .9);--bg-overlay: rgba(255, 255, 255, .95);--bg-overlay-alpha: rgba(255, 255, 255, .7);--bg-hover: rgba(59, 130, 246, .1);--text-primary: #1E3A8A;--text-secondary: #1E40AF;--text-tertiary: #3B82F6;--text-disabled: #93C5FD;--text-link: #2563EB;--text-accent: #3B82F6;--text-on-primary-button: #ffffff;--text-on-secondary-button: #ffffff;--bg-secondary-button: #475569;--bg-secondary-button-hover: #64748b;--input-placeholder: #1e40af;--color-primary: #3B82F6;--color-primary-light: #60A5FA;--color-primary-lighter: #93C5FD;--color-primary-lightest: #BFDBFE;--color-secondary: #06B6D4;--color-secondary-light: #22D3EE;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--bg-info-alpha: rgba(59, 130, 246, .2);--border-info-alpha: rgba(59, 130, 246, .4);--color-warm-pink: #EC4899;--color-warm-beige: #F59E0B;--color-warm-orange: #F97316;--color-calm-blue: #06B6D4;--shadow-sm: 0 1px 2px 0 rgba(59, 130, 246, .1);--shadow-md: 0 4px 6px -1px rgba(59, 130, 246, .1), 0 2px 4px -1px rgba(59, 130, 246, .06);--shadow-lg: 0 10px 15px -3px rgba(59, 130, 246, .15), 0 4px 6px -2px rgba(59, 130, 246, .1);--shadow-xl: 0 20px 25px -5px rgba(59, 130, 246, .2), 0 8px 10px -6px rgba(59, 130, 246, .12);--shadow-primary: 0 0 30px rgba(59, 130, 246, .2);--shadow-card: 0 4px 12px rgba(59, 130, 246, .15);--gradient-primary: linear-gradient(135deg, #3B82F6 0%, #06B6D4 100%);--gradient-secondary: linear-gradient(135deg, #60A5FA 0%, #22D3EE 100%);--gradient-button: linear-gradient(to right, #3B82F6, #2563EB, #1D4ED8);--gradient-bg: linear-gradient(to bottom right, #EFF6FF, #DBEAFE, #BFDBFE);--gradient-text: linear-gradient(to right, #3B82F6, #06B6D4, #3B82F6);--gradient-card: linear-gradient(135deg, rgba(59, 130, 246, .05), rgba(6, 182, 212, .05));--border-default: rgba(59, 130, 246, .4);--border-hover: rgba(59, 130, 246, .6);--border-focus: rgba(59, 130, 246, .8);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(59, 130, 246, .2);--glass-blur: blur(8px);--bg-cloud-pattern: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="15" fill="rgba(255,255,255,0.3)"/></svg>');--card-bg: rgba(255, 255, 255, .95);--card-shadow: 0 4px 12px rgba(59, 130, 246, .1);--card-radius: 1rem;--bg-starry: url(/images/starry-connection-bg.jpg);--bg-starry-overlay: rgba(59, 130, 246, .1);--tabbar-bg: rgba(255, 255, 255, .98);--tabbar-icon-color: #2563eb;--tabbar-icon-active: #1e3a8a;--tabbar-border-color: rgba(59, 130, 246, .22);--mobile-shell-bg: var(--gradient-bg);--wizard-selection-bg: rgba(59, 130, 246, .12);--wizard-selection-border: var(--color-primary);--wizard-selection-text: var(--text-primary);--wizard-selection-desc: var(--text-secondary)}:root[data-theme=classic-dark]{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--bg-card: rgba(30, 41, 59, .95);--bg-overlay: rgba(0, 0, 0, .9);--bg-overlay-alpha: rgba(0, 0, 0, .7);--bg-hover: rgba(51, 65, 85, .6);--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-disabled: #64748B;--text-link: #34D399;--text-accent: #22D3EE;--text-on-primary-button: #ffffff;--text-on-secondary-button: #ffffff;--bg-secondary-button: #334155;--bg-secondary-button-hover: #475569;--input-placeholder: rgba(203, 213, 225, .7);--color-primary: #22C55E;--color-primary-light: #4ADE80;--color-primary-lighter: #86EFAC;--color-primary-lightest: #BBF7D0;--color-secondary: #22D3EE;--color-secondary-light: #67E8F9;--color-success: #22C55E;--color-warning: #FBBF24;--color-error: #F87171;--color-info: #60A5FA;--bg-info-alpha: rgba(96, 165, 250, .2);--border-info-alpha: rgba(96, 165, 250, .4);--color-warm-pink: #F472B6;--color-warm-beige: #FCD34D;--color-warm-orange: #FB923C;--color-calm-blue: #22D3EE;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .65), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-primary: 0 0 40px rgba(34, 197, 94, .4);--shadow-card: 0 8px 20px rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, #22C55E 0%, #22D3EE 100%);--gradient-secondary: linear-gradient(135deg, #4ADE80 0%, #67E8F9 100%);--gradient-button: linear-gradient(to right, #22C55E, #16A34A, #15803D);--gradient-bg: linear-gradient(to bottom right, #0F172A, #1E293B, #334155);--gradient-text: linear-gradient(to right, #4ADE80, #67E8F9, #4ADE80);--gradient-card: linear-gradient(135deg, rgba(34, 197, 94, .15), rgba(34, 211, 238, .15));--border-default: rgba(71, 85, 105, .6);--border-hover: rgba(100, 116, 139, .8);--border-focus: rgba(34, 197, 94, .6);--glass-bg: rgba(30, 41, 59, .8);--glass-border: rgba(71, 85, 105, .5);--glass-blur: blur(12px);--bg-cloud-pattern: none;--card-bg: rgba(30, 41, 59, .95);--card-shadow: 0 8px 24px rgba(0, 0, 0, .6);--card-radius: 1rem;--bg-starry: url(/images/starry-connection-bg.jpg);--bg-starry-overlay: rgba(0, 0, 0, .3);--tabbar-bg: rgba(30, 41, 59, .95);--tabbar-icon-color: #64748B;--tabbar-icon-active: #22C55E;--wizard-selection-bg: rgba(30, 41, 59, .95);--wizard-selection-border: var(--color-primary);--wizard-selection-text: var(--text-primary);--wizard-selection-desc: var(--text-secondary)}:root[data-theme=modern-light]{--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--bg-card: rgba(255, 255, 255, 1);--bg-overlay: rgba(255, 255, 255, .98);--bg-overlay-alpha: rgba(255, 255, 255, .85);--bg-hover: rgba(99, 102, 241, .08);--text-primary: #0F172A;--text-secondary: #334155;--text-tertiary: #64748B;--text-disabled: #94A3B8;--text-link: #4F46E5;--text-accent: #7C3AED;--text-on-primary-button: #ffffff;--text-on-secondary-button: #ffffff;--bg-secondary-button: #475569;--bg-secondary-button-hover: #64748b;--input-placeholder: #475569;--color-primary: #6366F1;--color-primary-light: #818CF8;--color-primary-lighter: #A5B4FC;--color-primary-lightest: #C7D2FE;--color-secondary: #8B5CF6;--color-secondary-light: #A78BFA;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--bg-info-alpha: rgba(59, 130, 246, .15);--border-info-alpha: rgba(59, 130, 246, .35);--color-warm-pink: #EC4899;--color-warm-beige: #F59E0B;--color-warm-orange: #F97316;--color-calm-blue: #3B82F6;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .15), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .15), 0 8px 10px -6px rgba(0, 0, 0, .08);--shadow-primary: 0 0 30px rgba(99, 102, 241, .25);--shadow-card: 0 2px 8px rgba(0, 0, 0, .12);--gradient-primary: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--gradient-secondary: linear-gradient(135deg, #818CF8 0%, #A78BFA 100%);--gradient-button: linear-gradient(to right, #6366F1, #7C3AED, #8B5CF6);--gradient-bg: linear-gradient(to bottom right, #FFFFFF, #F9FAFB, #F3F4F6);--gradient-text: linear-gradient(to right, #6366F1, #8B5CF6, #6366F1);--gradient-card: linear-gradient(135deg, rgba(99, 102, 241, .05), rgba(139, 92, 246, .05));--border-default: rgba(226, 232, 240, 1);--border-hover: rgba(203, 213, 225, 1);--border-focus: rgba(99, 102, 241, .5);--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(226, 232, 240, .8);--glass-blur: blur(8px);--bg-cloud-pattern: none;--card-bg: rgba(255, 255, 255, 1);--card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--card-radius: 1rem;--bg-starry: url(/images/starry-connection-bg.jpg);--bg-starry-overlay: rgba(99, 102, 241, .08);--tabbar-bg: rgba(255, 255, 255, .98);--tabbar-icon-color: #64748B;--tabbar-icon-active: #6366F1;--wizard-selection-bg: rgba(99, 102, 241, .1);--wizard-selection-border: var(--color-primary);--wizard-selection-text: var(--text-primary);--wizard-selection-desc: var(--text-secondary)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:var(--font-size-body);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-primary{background:var(--gradient-primary)}.gradient-secondary{background:var(--gradient-secondary)}.gradient-button{background:var(--gradient-button)}.gradient-bg{background:var(--gradient-bg)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-radial{background:radial-gradient(circle at center,rgba(255,229,229,.3) 0%,transparent 70%)}.gradient-card{background:linear-gradient(180deg,#ffffffe6,#f5f0e8e6)}.mask-top{background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 100%)}.mask-bottom{background:linear-gradient(to top,var(--bg-primary) 0%,transparent 100%)}.mask-horizontal{background:linear-gradient(to right,var(--bg-primary) 0%,transparent 50%,var(--bg-primary) 100%)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-warm{box-shadow:var(--shadow-primary)}.shadow-glow{box-shadow:0 0 20px #f996}.text-emotional{color:var(--color-warm-pink)}.bg-warm{background-color:var(--color-warm-beige)}.emotion-happy{color:var(--color-warm-pink)}.emotion-calm{color:var(--color-calm-blue)}.emotion-success{color:var(--color-success)}.emotion-warning{color:var(--color-warning)}html{scroll-behavior:smooth}::selection{background-color:var(--color-primary-lightest);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full);opacity:.8}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:disabled{opacity:.6;cursor:not-allowed}*{transition:background-color var(--transition-normal) var(--ease-out),color var(--transition-normal) var(--ease-out),border-color var(--transition-normal) var(--ease-out)}input,textarea,select,button,[role=button],a{transition:background-color var(--transition-normal) var(--ease-out),color var(--transition-normal) var(--ease-out),border-color var(--transition-normal) var(--ease-out),box-shadow var(--transition-normal) var(--ease-out)}.chat-icon-btn,.header-icon-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.chat-icon-btn{background-color:transparent!important;background-image:none!important}.chat-icon-btn:hover:not(:disabled){background-color:#ffffff14!important;background-image:none!important}.chat-icon-btn[data-active=true]{background-color:var(--bg-active)!important}.chat-icon-btn[data-active=true]:hover:not(:disabled){background-color:var(--bg-active)!important}.chat-icon-btn[data-active=success]{background-color:color-mix(in srgb,var(--color-success) 20%,transparent)!important}.chat-icon-btn[data-active=success]:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-success) 20%,transparent)!important}.mobile-scene-selection-bg{background:var(--bg-cloud-pattern, var(--bg-primary));background-size:100% 100%;background-attachment:fixed}.mobile-connection-space-bg{background-image:var(--bg-starry, none);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.mobile-connection-space-bg:before{content:"";position:absolute;inset:0;background:var(--bg-starry-overlay, transparent);backdrop-filter:blur(.5px);pointer-events:none}.star-glow{position:relative;filter:drop-shadow(0 0 8px rgba(127,184,209,.6));animation:starPulse 3s ease-in-out infinite}.star-glow:before{content:"";position:absolute;inset:-10px;background:radial-gradient(circle,rgba(127,184,209,.3) 0%,transparent 70%);border-radius:50%;animation:starGlow 2s ease-in-out infinite;pointer-events:none}@keyframes starPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}@keyframes starGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.mobile-scene-card-serene{background:var(--card-bg, var(--bg-card));border-radius:var(--card-radius, var(--radius-xl));box-shadow:var(--card-shadow, var(--shadow-md));backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.mobile-scene-card-serene:active{transform:scale(.98)}.mobile-tabbar-serene{background:var(--tabbar-bg, var(--bg-card));backdrop-filter:blur(20px);border-top:1px solid rgba(127,184,209,.2)}.mobile-tabbar-icon-serene{color:var(--tabbar-icon-color, var(--color-primary));transition:color .2s ease}.mobile-tabbar-icon-serene.active{color:var(--tabbar-icon-active, var(--text-accent))}:root[data-theme=blue-sky-white-cloud]{--bg-primary: #F0F9FF;--bg-secondary: #E0F2FE;--bg-tertiary: #BAE6FD;--bg-card: rgba(255, 255, 255, .95);--bg-overlay: rgba(240, 249, 255, .98);--bg-overlay-alpha: rgba(240, 249, 255, .8);--bg-hover: rgba(14, 165, 233, .08);--text-primary: #0C4A6E;--text-secondary: #075985;--text-tertiary: #0369A1;--text-disabled: #7DD3FC;--text-link: #0284C7;--text-accent: #0EA5E9;--text-on-primary-button: #ffffff;--text-on-secondary-button: #ffffff;--bg-secondary-button: #475569;--bg-secondary-button-hover: #64748b;--input-placeholder: #075985;--color-primary: #0EA5E9;--color-primary-light: #38BDF8;--color-primary-lighter: #7DD3FC;--color-primary-lightest: #BAE6FD;--color-secondary: #06B6D4;--color-secondary-light: #22D3EE;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--bg-info-alpha: rgba(14, 165, 233, .2);--border-info-alpha: rgba(14, 165, 233, .4);--color-warm-pink: #EC4899;--color-warm-beige: #FBBF24;--color-warm-orange: #FB923C;--color-calm-blue: #0EA5E9;--shadow-sm: 0 1px 2px 0 rgba(14, 165, 233, .1);--shadow-md: 0 4px 6px -1px rgba(14, 165, 233, .12), 0 2px 4px -1px rgba(14, 165, 233, .08);--shadow-lg: 0 10px 15px -3px rgba(14, 165, 233, .15), 0 4px 6px -2px rgba(14, 165, 233, .1);--shadow-xl: 0 20px 25px -5px rgba(14, 165, 233, .2), 0 8px 10px -6px rgba(14, 165, 233, .12);--shadow-primary: 0 0 30px rgba(14, 165, 233, .2);--shadow-card: 0 4px 12px rgba(14, 165, 233, .12);--gradient-primary: linear-gradient(135deg, #0EA5E9 0%, #06B6D4 100%);--gradient-secondary: linear-gradient(135deg, #38BDF8 0%, #22D3EE 100%);--gradient-button: linear-gradient(to right, #0EA5E9, #0284C7, #0369A1);--gradient-bg: linear-gradient(to bottom right, #F0F9FF, #E0F2FE, #BAE6FD);--gradient-text: linear-gradient(to right, #0EA5E9, #06B6D4, #0EA5E9);--gradient-card: linear-gradient(135deg, rgba(14, 165, 233, .05), rgba(6, 182, 212, .05));--border-default: rgba(186, 230, 253, .5);--border-hover: rgba(125, 211, 252, .7);--border-focus: rgba(14, 165, 233, .5);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(186, 230, 253, .5);--glass-blur: blur(10px);--bg-cloud-pattern: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><ellipse cx="50" cy="50" rx="30" ry="20" fill="rgba(255,255,255,0.5)"/></svg>');--card-bg: rgba(255, 255, 255, .98);--card-shadow: 0 4px 12px rgba(14, 165, 233, .1);--card-radius: 1rem;--bg-starry: url(/images/starry-connection-bg.jpg);--bg-starry-overlay: rgba(14, 165, 233, .12);--tabbar-bg: rgba(255, 255, 255, .98);--tabbar-icon-color: #0284c7;--tabbar-icon-active: #0c4a6e;--connection-space-bg: linear-gradient(180deg, #BAE6FD 0%, #7DD3FC 50%, #0EA5E9 100%);--connection-space-cloud: var(--bg-cloud-pattern);--wizard-selection-bg: rgba(14, 165, 233, .1);--wizard-selection-border: var(--color-primary);--wizard-selection-text: var(--text-primary);--wizard-selection-desc: var(--text-secondary);--star-color-white: rgba(255, 255, 255, .9);--star-color-blue: rgba(186, 230, 253, .9);--star-color-pink: rgba(254, 205, 211, .9);--star-glow-blue: rgba(14, 165, 233, .5);--star-glow-pink: rgba(236, 72, 153, .5);--bg-glass: rgba(255, 255, 255, .88);--gradient-accent: linear-gradient(135deg, #0EA5E9 0%, #06B6D4 100%);--chat-bubble-user-bg: rgba(14, 165, 233, .18);--chat-bubble-user-border: rgba(14, 165, 233, .45);--chat-bubble-user-text: #0C4A6E;--chat-bubble-character-bg: rgba(255, 255, 255, .92);--chat-bubble-character-border: rgba(186, 230, 253, .8);--chat-bubble-character-text: #0C4A6E;--chat-input-bg: rgba(255, 255, 255, .95);--chat-input-border: rgba(14, 165, 233, .35);--chat-input-text: #0C4A6E;--header-icon-bg: rgba(14, 165, 233, .12);--header-icon-bg-hover: rgba(14, 165, 233, .22);--chat-bg-filter: brightness(.92) saturate(1.05) blur(4px);--chat-bg-filter-cinematic: brightness(.85) saturate(1.1)}.mobile-tabbar-blue-sky{background:var(--tabbar-bg, var(--bg-card));backdrop-filter:blur(20px);border-top:1px solid rgba(14,165,233,.2)}.mobile-tabbar-icon-blue-sky{color:var(--tabbar-icon-color, var(--color-primary));transition:color .2s ease}.mobile-tabbar-icon-blue-sky.active{color:var(--tabbar-icon-active, var(--text-accent))}:root[data-theme=blue-sky-white-cloud] input::placeholder{color:var(--text-tertiary, #D1D5DB)!important}:root[data-theme=blue-sky-white-cloud] textarea::placeholder{color:var(--text-tertiary, #D1D5DB)!important}:root[data-theme=blue-sky-white-cloud] select{color:var(--text-primary)!important;background-color:var(--bg-card)!important}:root[data-theme=blue-sky-white-cloud] select option{color:var(--text-primary)!important;background-color:var(--bg-card)!important}:root[data-theme=blue-sky-white-cloud] input::-webkit-search-cancel-button{color:var(--text-tertiary)!important}:root[data-theme=modern-light] button[style*=background]:not([style*=transparent]),:root[data-theme=modern-light] .px-2.py-1[style*="var(--bg-info-alpha)"],:root[data-theme=modern-light] .px-2.py-1[style*="var(--color-info)"]{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}:root[data-theme=modern-light] button[style*="var(--gradient-primary)"],:root[data-theme=modern-light] button[style*="var(--color-primary)"]{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.4)}:root[data-theme=modern-light] span[style*="var(--bg-info-alpha)"]{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:600}:root button[style*="var(--gradient-primary)"],:root button[style*="var(--color-primary)"],:root button[style*="var(--color-info)"],:root .px-2.py-1[style*="var(--bg-info-alpha)"]{text-shadow:0 1px 2px rgba(0,0,0,.3)}:root[data-theme=tech] button[style*="var(--gradient-primary)"],:root[data-theme=tech] button[style*="var(--color-primary)"],:root[data-theme=classic-dark] button[style*="var(--gradient-primary)"],:root[data-theme=classic-dark] button[style*="var(--color-primary)"],:root[data-theme=serene-horizon] button[style*="var(--gradient-primary)"],:root[data-theme=serene-horizon] button[style*="var(--color-primary)"],:root[data-theme=blue-sky-white-cloud] button[style*="var(--gradient-primary)"],:root[data-theme=blue-sky-white-cloud] button[style*="var(--color-primary)"]{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.4);font-weight:500}.rounded-xl[style*="var(--bg-overlay-alpha)"]{color:var(--text-primary)!important;text-shadow:0 1px 3px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.3)!important;font-weight:500}.rounded-xl[style*="var(--bg-overlay-alpha)"] p,.rounded-xl[style*="var(--bg-overlay-alpha)"] span,.rounded-xl[style*="var(--bg-overlay-alpha)"] div,.rounded-xl[style*="var(--bg-overlay-alpha)"] *{text-shadow:0 1px 2px rgba(0,0,0,.4),0 0 8px rgba(0,0,0,.2)!important}:root{--tech-bg-from: #0a0e1a;--tech-bg-via: #0f1623;--tech-bg-to: #1a1f2e;--tech-blue-primary: #4A8FE7;--tech-blue-light: #5B9BFF;--tech-cyan: #22D3EE;--tech-gradient-blue: linear-gradient(135deg, #4A8FE7 0%, #22D3EE 100%);--tech-gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--tech-gradient-orange: linear-gradient(135deg, #F97316 0%, #EF4444 100%);--tech-gradient-green: linear-gradient(135deg, #10B981 0%, #059669 100%);--tech-glass-bg: rgba(255, 255, 255, .05);--tech-glass-border: rgba(255, 255, 255, .1);--tech-glass-border-hover: rgba(255, 255, 255, .2);--tech-text-primary: #FFFFFF;--tech-text-secondary: #9CA3AF;--tech-text-muted: #6B7280;--tech-glow-blue: rgba(74, 143, 231, .3);--tech-glow-purple: rgba(139, 92, 246, .3);--tech-glow-red: rgba(239, 68, 68, .3)}.tech-theme{--glass-bg: var(--tech-glass-bg);--glass-border: var(--tech-glass-border);--text-primary: var(--tech-text-primary);--text-secondary: var(--tech-text-secondary);--text-tertiary: var(--tech-text-muted);--color-primary-light: var(--tech-blue-light);--shadow-primary: 0 0 20px var(--tech-glow-blue);--color-error: #EF4444}.tech-bg{background:linear-gradient(to bottom right,var(--tech-bg-from),var(--tech-bg-via),var(--tech-bg-to));position:relative;overflow:hidden}.tech-grid-bg{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(74,143,231,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(74,143,231,.1) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.tech-dot-bg{position:absolute;inset:0;opacity:.15;background-image:radial-gradient(circle,rgba(74,143,231,.2) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}.tech-glass-card{background:var(--tech-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--tech-glass-border);border-radius:1rem;transition:all .3s ease}.tech-glass-card:hover{border-color:var(--tech-glass-border-hover);transform:translateY(-4px)}.tech-glass-card-glow{position:relative;background:var(--tech-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--tech-glass-border);border-radius:1rem;transition:all .5s ease}.tech-glass-card-glow:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,var(--tech-glow-blue),var(--tech-glow-purple));border-radius:1rem;opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(20px)}.tech-glass-card-glow:hover{border-color:#4a8fe780;transform:translateY(-8px)}.tech-glass-card-glow:hover:before{opacity:1}.tech-gradient-border{position:relative;background:var(--tech-glass-bg);border-radius:1rem}.tech-gradient-border:before{content:"";position:absolute;inset:0;border-radius:1rem;padding:1px;background:linear-gradient(135deg,#4a8fe780,#8b5cf680);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.tech-gradient-border:hover:before{opacity:1}.tech-btn-primary{position:relative;padding:1rem 2rem;border-radius:.75rem;background:linear-gradient(to right,#f97316,#ef4444,#ec4899);color:#fff;font-weight:500;border:none;cursor:pointer;overflow:hidden;transition:all .3s ease}.tech-btn-primary:hover{transform:translateY(-4px);box-shadow:0 0 40px var(--tech-glow-red)}.tech-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#fb923c,#f87171,#f472b6);opacity:0;transition:opacity .3s ease;filter:blur(20px)}.tech-btn-primary:hover:before{opacity:.3}.tech-btn-secondary{padding:1rem 2rem;border-radius:.75rem;background:#ffffff1a;color:#fff;font-weight:500;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.tech-btn-secondary:hover{background:#ffffff26;border-color:#4a8fe780;transform:translateY(-4px)}@keyframes tech-float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(-40px) translate(-10px)}75%{transform:translateY(-20px) translate(10px)}}.tech-float{animation:tech-float 10s ease-in-out infinite}@keyframes tech-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tech-scan-line{position:absolute;inset:0;overflow:hidden;border-radius:inherit;opacity:0;transition:opacity .3s ease}.tech-scan-line:before{content:"";position:absolute;inset:0;width:33.333%;background:linear-gradient(to right,transparent,rgba(74,143,231,.3),transparent);animation:tech-scan 3s linear infinite;filter:blur(10px)}.tech-glass-card:hover .tech-scan-line,.tech-glass-card-glow:hover .tech-scan-line{opacity:1}@keyframes tech-glow-pulse{0%,to{box-shadow:0 0 20px var(--tech-glow-blue)}50%{box-shadow:0 0 40px var(--tech-glow-blue)}}.tech-glow-pulse{animation:tech-glow-pulse 2s ease-in-out infinite}@keyframes tech-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tech-fade-in-up{animation:tech-fade-in-up .6s ease-out forwards}.tech-text-gradient{background:linear-gradient(to right,#60a5fa,#22d3ee,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto}.tech-text-gradient-animated{background:linear-gradient(to right,#60a5fa,#22d3ee,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:tech-gradient-shift 3s ease infinite}@keyframes tech-gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}.tech-text-neon{color:#60a5fa;text-shadow:0 0 10px rgba(96,165,250,.5),0 0 20px rgba(96,165,250,.3),0 0 30px rgba(96,165,250,.2)}.tech-number{font-family:Courier New,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tech-icon-gradient{display:inline-flex;align-items:center;justify-content:center;padding:.75rem;border-radius:.75rem;background:linear-gradient(135deg,#4a8fe733,#8b5cf633);border:1px solid rgba(74,143,231,.3)}.tech-icon-gradient-blue{background:linear-gradient(135deg,#3b82f633,#22d3ee33);border:1px solid rgba(59,130,246,.3)}.tech-icon-gradient-purple{background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid rgba(139,92,246,.3)}.tech-icon-gradient-orange{background:linear-gradient(135deg,#f9731633,#ef444433);border:1px solid rgba(249,115,22,.3)}.tech-dot-accent{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#22d3ee);opacity:.6;transition:opacity .3s ease}.tech-glass-card:hover .tech-dot-accent{opacity:1}.tech-bottom-glow{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(74,143,231,.5),transparent);opacity:0;transition:opacity .5s ease}.tech-glass-card:hover .tech-bottom-glow{opacity:1}@media (max-width: 768px){.tech-glass-card,.tech-glass-card-glow{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tech-grid-bg{background-size:30px 30px}.tech-btn-primary,.tech-btn-secondary{padding:.75rem 1.5rem}}@media (prefers-reduced-motion: reduce){.tech-float,.tech-scan-line:before,.tech-glow-pulse,.tech-fade-in-up,.tech-text-gradient-animated{animation:none}.tech-glass-card,.tech-glass-card-glow,.tech-btn-primary,.tech-btn-secondary{transition:none}}@tailwind base;@tailwind components;@tailwind utilities;@layer components{.note-content,.note-share-body,.note-share-article,.mobile-note-selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.note-content,.note-share-body{line-height:1.55;word-wrap:break-word}.note-content p,.note-share-body p{margin:0 0 .35em}.note-content p:last-child,.note-share-body p:last-child{margin-bottom:0}.note-content h1,.note-share-body h1{font-size:1.5rem;font-weight:700;margin:1em 0 .5em;line-height:1.3}.note-content h2,.note-share-body h2{font-size:1.25rem;font-weight:600;margin:.9em 0 .45em;line-height:1.35}.note-content h3,.note-share-body h3{font-size:1.125rem;font-weight:600;margin:.8em 0 .4em;line-height:1.4}.note-content strong,.note-share-body strong{font-weight:700}.note-content em,.note-share-body em{font-style:italic}.note-content s,.note-content strike,.note-share-body s,.note-share-body strike{text-decoration:line-through}.note-content ul,.note-share-body ul{list-style-type:disc;padding-left:1.5em;margin:.5em 0}.note-content ol,.note-share-body ol{list-style-type:decimal;padding-left:1.5em;margin:.5em 0}.note-content li,.note-share-body li{margin:.25em 0}.note-content a,.note-share-body a{color:var(--text-link, #60a5fa);text-decoration:underline}.note-content a[href^=http]:hover,.note-content a[href^=https]:hover,.note-share-body a[href^=http]:hover,.note-share-body a[href^=https]:hover{text-decoration:none}.note-content a[href^="note:"],.note-share-body a[href^="note:"],.note-content a[data-journal-entry-id],.note-share-body a[data-journal-entry-id],.note-content a.journal-entry-internal-link,.note-share-body a.journal-entry-internal-link{text-decoration:underline;text-underline-offset:.12em}.note-content a[href^="note:"]:hover,.note-share-body a[href^="note:"]:hover,.note-content a[data-journal-entry-id]:hover,.note-share-body a[data-journal-entry-id]:hover,.note-content a.journal-entry-internal-link:hover,.note-share-body a.journal-entry-internal-link:hover{text-decoration:underline}.note-content img,.note-share-body img,.note-editor-body img{max-width:min(320px,100%);max-height:240px;width:auto;height:auto;object-fit:contain;border-radius:.5rem;vertical-align:middle}.note-editor-mobile img{max-width:min(280px,100%);max-height:210px;width:auto;height:auto;object-fit:contain;border-radius:.5rem;vertical-align:middle}.note-content .ql-align-center,.note-share-body .ql-align-center{text-align:center}.note-content .ql-align-right,.note-share-body .ql-align-right{text-align:right}.note-content .ql-align-justify,.note-share-body .ql-align-justify{text-align:justify}}.note-editor .ql-toolbar~.ql-toolbar,.note-editor-mobile .ql-toolbar~.ql-toolbar{display:none!important}.profile-btn-text-outline{color:var(--text-secondary, #e2e8f0)!important}.profile-btn-text-danger{color:#fff!important}.profile-menu-label{color:var(--text-secondary, #e2e8f0)!important}.profile-btn-text-primary{color:var(--color-primary, #ec4899)!important}.profile-btn-text-info{color:var(--color-info, #3b82f6)!important}.profile-share-btn-text,.profile-btn-text-on-blue{color:#fff!important}.profile-btn-text-danger-pc{color:var(--color-error, #dc2626)!important}.profile-pc-menu-label{color:var(--text-primary, #111827)!important}.user-profile-page{background:linear-gradient(180deg,#0a0e1a,#1a1f2e,#0f1419)!important;min-height:100%;position:relative}.user-profile-page:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(74,143,231,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.user-profile-page>*{position:relative;z-index:1}.user-profile-glass-card{background:#1a1f2e99!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(74,143,231,.15)!important;box-shadow:0 0 20px #4a8fe714,inset 0 1px #ffffff0a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.user-profile-glass-card:hover{transform:translateY(-2px);box-shadow:0 4px 24px #4a8fe71f,0 0 32px #4a8fe70f;border-color:#4a8fe740!important}.user-profile-stat-card .user-profile-stat-value{font-family:ui-monospace,SF Mono,Cascadia Code,monospace!important;font-size:1.35rem!important;font-weight:700;letter-spacing:.02em}.user-profile-stat-card .user-profile-stat-icon{filter:drop-shadow(0 0 6px currentColor);opacity:.9}.user-profile-share-card{background:linear-gradient(135deg,#4a8fe740,#4a8fe71f)!important;border:1px solid rgba(74,143,231,.2)!important;box-shadow:0 0 24px #4a8fe71a;position:relative;overflow:hidden}.user-profile-share-card:after{content:"";position:absolute;left:0;right:0;top:-100%;height:100%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.03),transparent);animation:profile-scanline 4s linear infinite}@keyframes profile-scanline{0%{top:-100%}to{top:100%}}.user-profile-logout-btn{background:linear-gradient(135deg,#dc2626,#ea580c)!important;border:none!important;color:#fff!important;box-shadow:0 4px 16px #dc262659,0 0 24px #ea580c26;transition:transform .2s ease,box-shadow .2s ease}.user-profile-logout-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #dc262666,0 0 32px #ea580c33}.user-profile-logout-btn .profile-btn-text-danger-pc{color:#fff!important}.user-profile-page .user-profile-title{font-size:1.25rem;font-weight:700;letter-spacing:.02em}.user-profile-page .user-profile-muted{opacity:.7}.user-profile-page .user-profile-muted-strong{opacity:.65}.real-world-page{background:linear-gradient(180deg,#0a0e1a,#0f1623 40%,#1a1f2e)!important;min-height:100%;position:relative}.real-world-page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(74,143,231,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(74,143,231,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.real-world-page:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(74,143,231,.04) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.real-world-page>*{position:relative;z-index:1}.real-world-glass-card{background:var(--bg-card)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default)!important;box-shadow:var(--shadow-card, 0 0 20px rgba(74, 143, 231, .08));transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.real-world-glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg, 0 8px 32px rgba(74, 143, 231, .12));border-color:var(--border-hover, var(--border-default))!important}.real-world-glass-card.real-world-scanline{position:relative;overflow:hidden}.real-world-glass-card.real-world-scanline:after{content:"";position:absolute;left:0;right:0;top:-100%;height:100%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.03),transparent);animation:realworld-scanline 4s linear infinite;pointer-events:none}@keyframes realworld-scanline{0%{top:-100%}to{top:100%}}.real-world-page .real-world-title-primary{font-size:1.25rem;font-weight:700;letter-spacing:.02em}.real-world-page .real-world-text-secondary{opacity:.7}.real-world-page .real-world-text-muted{opacity:.65;font-size:.875rem}.real-world-page .real-world-input{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--text-primary)!important;border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease}.real-world-page .real-world-input::placeholder{color:var(--text-tertiary)!important}.real-world-page .real-world-input:focus{outline:none;border-color:#4a8fe780!important;box-shadow:0 0 0 2px #4a8fe726}.mobile-real-world-page{background:var(--gradient-bg)!important;min-height:100%;position:relative}.mobile-real-world-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(74,143,231,.04) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.03) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.85}.mobile-real-world-page>*{position:relative;z-index:1}.mobile-real-world-page .real-world-glass-card{-webkit-tap-highlight-color:transparent}.mobile-real-world-page .real-world-glass-card:active{transform:scale(.98)}.mobile-real-world-page .real-world-input{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;color:var(--text-primary)!important;border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease}.mobile-real-world-page .real-world-input::placeholder{color:var(--text-tertiary)!important}.mobile-real-world-page .real-world-input:focus{outline:none;border-color:var(--border-focus)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--border-focus) 35%,transparent)}.mobile-profile-page{background:linear-gradient(180deg,#0a0e1a,#1a1f2e,#0f1419)!important;min-height:100%;position:relative}.mobile-profile-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(74,143,231,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.mobile-profile-page>*{position:relative;z-index:1}.mobile-profile-page .user-profile-glass-card,.mobile-profile-page .mobile-glass-card{background:#1a1f2e99!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(74,143,231,.15)!important;box-shadow:0 0 20px #4a8fe714,inset 0 1px #ffffff0a}.mobile-profile-page .mobile-glass-card:active{transform:scale(.98)}