*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #007AFF;--primary-light: #5AC8FA;--primary-dark: #0056CC;--accent: #34C759;--background: #F2F2F7;--background-secondary: #E5E5EA;--background-card: rgba(255, 255, 255, .55);--background-card-dark: rgba(0, 0, 0, .15);--border: rgba(255, 255, 255, .3);--border-light: rgba(255, 255, 255, .45);--text-primary: #000000;--text-secondary: #3C3C43;--text-muted: #8E8E93;--text-white: #FFFFFF;--success: #34C759;--warning: #FF9500;--danger: #FF3B30;--glass-blur: 32px;--glass-blur-strong: 40px;--glass-radius: 28px;--glass-radius-small: 20px}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#fff;min-height:100vh;color:var(--text-primary);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 35%,rgba(76,175,80,.06) 0%,transparent 55%),radial-gradient(circle at 75% 25%,rgba(102,187,106,.05) 0%,transparent 55%),radial-gradient(circle at 50% 65%,rgba(67,160,71,.04) 0%,transparent 50%);z-index:-1}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(40px,-40px) rotate(8deg)}66%{transform:translate(-30px,30px) rotate(-8deg)}}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}main{width:100%;max-width:1200px;padding:24px 20px 100px;display:flex;flex-direction:column;align-items:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #007aff33,0 0 40px #007aff1a}50%{box-shadow:0 0 30px #007aff4d,0 0 60px #007aff26}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.glass{background:linear-gradient(135deg,#fff9,#ffffff73,#ffffff8c);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(255,255,255,.35);border-radius:var(--glass-radius);box-shadow:0 8px 32px #0000001f,inset 0 1px #fff6,inset 0 -1px #0000000d}.glass-button{background:linear-gradient(135deg,#ffffff73,#ffffff40);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:18px;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000014,inset 0 1px #fff6}.glass-button:hover{background:linear-gradient(135deg,#fff9,#fff6);transform:translateY(-3px);box-shadow:0 12px 32px #00000026,inset 0 1px #ffffff80}.glass-button:active{transform:translateY(-1px) scale(.98)}.glass-input{background:linear-gradient(135deg,#fff6,#ffffff40);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:18px;color:var(--text-primary);transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 8px #0000000f,0 2px 8px #0000000a}.glass-input:focus{background:linear-gradient(135deg,#ffffff8c,#ffffff59);border-color:var(--primary);box-shadow:0 0 0 4px #007aff26,inset 0 2px 8px #0000000a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:6px;border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar-thumb:hover{background:#ffffff59}