:root{--accent: #4f46e5;--accent-soft: #818cf8;--teal: #14b8a6;--warm: #f97316;--coral: #fb7185;--hero-gradient: linear-gradient(135deg, #4f46e5, #7c3aed, #2563eb);--warm-gradient: linear-gradient(135deg, #f97316, #fb7185);--card-gradient: linear-gradient(135deg, #6366f1, #0ea5e9);--bg: #f6f7fb;--card: #ffffff;--text: #0f172a;--text2: #64748b;--hairline: rgba(0, 0, 0, .06);--radius: 20px;--shadow: 0 4px 10px rgba(0, 0, 0, .05)}@media(prefers-color-scheme:dark){:root{--bg: #0e0f14;--card: #171923;--text: #f1f5f9;--text2: #94a3b8;--hairline: rgba(255, 255, 255, .08);--shadow: 0 4px 12px rgba(0, 0, 0, .4)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.5;overscroll-behavior-y:none}#app{max-width:560px;margin:0 auto;min-height:100dvh}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,textarea,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.pressable{transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.pressable:active{transform:scale(.97)}.page{padding:16px 16px 96px}.muted{color:var(--text2)}.small{font-size:12px}.h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0}.h2{font-size:20px;font-weight:700;margin:0}.section-label{font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--text2);margin-bottom:10px}.chip{display:inline-flex;align-items:center;padding:6px 13px;border-radius:999px;font-size:13px;font-weight:500;background:var(--card);color:var(--text2);border:1px solid var(--hairline);white-space:nowrap}.chip.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border-radius:18px;background:var(--hero-gradient);color:#fff;font-weight:700;font-size:17px;box-shadow:0 6px 14px #4f46e54d}.btn-primary:disabled{background:linear-gradient(135deg,#80808066,#8080804d);box-shadow:none}.btn-soft{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:11px;border-radius:13px;background:#4f46e51a;color:var(--accent);font-weight:600;font-size:13px}.badge{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600}.field{width:100%;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--hairline);outline:none}.field:focus{border-color:var(--accent-soft)}.divider{height:1px;background:var(--hairline);margin:12px 0}.empty-state{text-align:center;padding:56px 16px;color:var(--text2)}.empty-state .symbol{font-size:44px;margin-bottom:10px}.fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.spin{animation:spin 1.1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}