body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #667eea;--primary-600: #5a67d8;--primary-700: #4c51bf;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #48bb78;--success-600: #38a169;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #ed8936;--warning-600: #dd6b20;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #f56565;--danger-600: #e53e3e;--gray-50: #f7fafc;--gray-100: #edf2f7;--gray-200: #e2e8f0;--gray-300: #cbd5e0;--gray-400: #a0aec0;--gray-500: #718096;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #171923;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #48bb78 0%, #38a169 100%);--gradient-warning: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);--gradient-danger: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-xs: 11px;--font-sm: 12px;--font-base: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 24px;--font-2xl: 32px;--font-3xl: 48px;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gray-50);color:var(--gray-700);line-height:1.6}.card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:var(--font-md);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;gap:var(--spacing-sm)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 4px 12px #48bb784d}.btn-large{padding:16px 32px;font-size:var(--font-lg)}.input{width:100%;padding:14px 16px;font-size:var(--font-md);border:2px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;transition:all var(--transition-normal)}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input::placeholder{color:var(--gray-400)}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--font-sm);font-weight:500;border-radius:var(--radius-full)}.badge-success{background:var(--success-100);color:var(--success-600)}.badge-warning{background:var(--warning-100);color:var(--warning-600)}.badge-danger{background:var(--danger-100);color:var(--danger-600)}.score-display{display:inline-flex;align-items:baseline;gap:2px}.score-number{font-size:var(--font-2xl);font-weight:700;line-height:1}.score-unit{font-size:var(--font-sm);font-weight:500;opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.animate-fadeIn{animation:fadeIn .4s ease-out}.animate-slideIn{animation:slideIn .4s ease-out}.animate-scaleIn{animation:scaleIn .3s ease-out}.container{width:100%;max-width:600px;margin:0 auto;padding:0 var(--spacing-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.glass{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}