:root{--bg: #F2F2F6;--bg-secondary: #E8E8ED;--surface: #FFFFFF;--surface-hover: #F8F8FA;--surface-active: #E8E8ED;--text: #1D1D1F;--text-secondary: #6E6E73;--text-tertiary: #86868B;--text-muted: #A1A1A6;--accent: #007AFF;--accent-dim: #0066D4;--accent-bright: #4DA6FF;--energy-a: #34C759;--energy-b: #FF9500;--energy-c: #FF3B30;--warning: #FF9500;--info: #5AC8FA;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--font: -apple-system, "PingFang SC", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Menlo", monospace;--text-xs: 13px;--text-sm: 15px;--text-base: 17px;--text-lg: 19px;--text-xl: 23px;--text-2xl: 29px;--text-3xl: 38px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 14px rgba(0,0,0,.1);--shadow-lg: 0 8px 30px rgba(0,0,0,.12);--nav-height: 72px;--safe-bottom: env(safe-area-inset-bottom, 0px);--header-height: 56px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 8px #4ade8033}50%{box-shadow:0 0 20px #4ade8066}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s ease}.animate-scale-in{animation:scaleIn .2s ease}.animate-pulse{animation:pulse 2s ease-in-out infinite}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100dvh}#app{height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::selection{background:var(--accent-dim);color:var(--text)}button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none}a{color:var(--accent);text-decoration:none}ul{list-style:none}