:root{--color-primary: #5e5ce6;--color-primary-hover: #4c4acf;--color-secondary: #ff375f;--color-success: #34c759;--color-danger: #ff3b30;--color-warning: #ff9500;--color-info: #007aff;--bg-app: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);--bg-card: #ffffff;--text-main: #1c1c1e;--text-secondary: #8e8e93;--border-color: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--glass-highlight: rgba(255, 255, 255, .5);--gradient-purple: linear-gradient(135deg, rgba(94, 92, 230, .1) 0%, rgba(94, 92, 230, .05) 100%);--gradient-pink: linear-gradient(135deg, rgba(255, 55, 95, .1) 0%, rgba(255, 55, 95, .05) 100%);--gradient-blue: linear-gradient(135deg, rgba(0, 122, 255, .1) 0%, rgba(0, 122, 255, .05) 100%);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}[data-theme=dark]{--bg-app: linear-gradient(135deg, #000000 0%, #1c1c1e 100%);--bg-card: #1c1c1e;--text-main: #f5f5f7;--text-secondary: #98989d;--border-color: rgba(255, 255, 255, .08);--glass-bg: rgba(28, 28, 30, .72);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .6);--glass-highlight: rgba(255, 255, 255, .1);--gradient-purple: linear-gradient(135deg, rgba(94, 92, 230, .15) 0%, rgba(94, 92, 230, .08) 100%);--gradient-pink: linear-gradient(135deg, rgba(255, 55, 95, .15) 0%, rgba(255, 55, 95, .08) 100%);--gradient-blue: linear-gradient(135deg, rgba(0, 122, 255, .15) 0%, rgba(0, 122, 255, .08) 100%)}body{background:var(--bg-app);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px 0 0 var(--glass-highlight);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--glass-highlight) 50%,transparent 100%);opacity:.6}.glass-panel:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 12px 48px #1f268733,inset 0 1px 0 0 var(--glass-highlight)}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;box-shadow:0 4px 16px #5e5ce64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5e5ce666}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) forwards}.slide-up{animation:slideUp .6s cubic-bezier(.4,0,.2,1) forwards}.glass-panel-purple{background:var(--glass-bg);background-image:var(--gradient-purple)}.glass-panel-pink{background:var(--glass-bg);background-image:var(--gradient-pink)}.glass-panel-blue{background:var(--glass-bg);background-image:var(--gradient-blue)}*{scroll-behavior:smooth}::selection{background:#5e5ce64d;color:var(--text-main)}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;line-height:1.5;font-weight:400;color:var(--text-main);background-color:var(--bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}