:root{--bg: oklch(98% .008 300);--surface: oklch(100% 0 0);--fg: oklch(14% .015 260);--muted: oklch(52% .012 260);--border: oklch(92% .012 290);--accent: oklch(62% .22 290);--accent-soft: oklch(95% .04 290);--accent-deep: oklch(45% .18 280);--hero-top: oklch(92% .08 300);--hero-bottom: oklch(98% .005 300);--tile-coral: #FF7A45;--tile-coral-soft: #FFE8DC;--tile-sky: #22D3EE;--tile-sky-soft: #CCFBF7;--tile-mint: #34D399;--tile-mint-soft: #D1FAE5;--tile-blue: #3B82F6;--tile-blue-soft: #DBEAFE;--tile-violet: #A78BFA;--tile-violet-soft: #EDE9FE;--tile-lime: #84CC16;--tile-lime-soft: #ECFCCB;--tile-teal: #14B8A6;--tile-teal-soft: #CCFBF1;--tile-amber: #F59E0B;--tile-amber-soft: #FEF3C7;--success: oklch(58% .18 145);--warning: oklch(68% .16 75);--danger: oklch(55% .2 28);--success-soft: color-mix(in oklch, var(--success) 14%, transparent);--warning-soft: color-mix(in oklch, var(--warning) 14%, transparent);--fg-soft: color-mix(in oklch, var(--fg) 6%, transparent);--font-display: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--fs-display: 26px;--fs-h2: 20px;--fs-h3: 17px;--fs-lead: 14px;--fs-body: 13px;--fs-meta: 12px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 20px;--gap-xl: 24px;--gap-2xl: 32px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-soft: 0 4px 18px rgba(139, 92, 246, .08);--shadow-card: 0 2px 12px rgba(15, 23, 42, .04);--shadow-float: 0 12px 32px rgba(139, 92, 246, .18);--text-primary: var(--fg);--text-secondary: oklch(40% .012 260);--text-placeholder: var(--muted);--text-muted: var(--muted);--background: var(--bg);--error: var(--danger)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg{display:block;max-width:100%}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em}p{text-wrap:pretty}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:14px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf61a}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.page{width:100%;max-width:430px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--bg);padding:0 env(safe-area-inset-left,0px) env(safe-area-inset-right,0px)}.nav{display:flex;align-items:center;padding:calc(48px + env(safe-area-inset-top,0px)) 16px 12px;gap:12px}.nav-title{font-size:17px;font-weight:700;flex:1}.nav-title.large{font-size:20px;font-weight:800}.nav-back{width:36px;height:36px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-card);display:grid;place-items:center;text-decoration:none;color:var(--fg);font-size:18px}.nav-back:active{transform:scale(.94)}.nav-btn{padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;text-decoration:none}.nav-btn.primary{background:var(--accent);color:#fff}.nav-action{padding:8px 14px;background:var(--accent);color:#fff;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none}.content{padding:8px 16px calc(100px + env(safe-area-inset-bottom,0px))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:14px;font-family:var(--font-display);font-size:14px;font-weight:700;transition:transform .1s,background .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #8b5cf64d}.btn-primary:hover{background:color-mix(in oklch,var(--accent) 92%,black)}.btn-secondary{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-card)}.btn-ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn-ghost:hover{background:var(--accent-soft)}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;height:44px;padding:0 12px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;color:var(--text-primary);background:var(--surface);font-family:inherit}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent)}.form-textarea{height:80px;padding:10px 12px;resize:none}.form-row{display:flex;gap:10px}.form-row .form-group{flex:1}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;align-items:flex-end;justify-content:center}.modal-overlay.active{display:flex}.modal-content{width:100%;max-width:430px;background:var(--surface);border-radius:20px 20px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));max-height:70vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title{font-size:16px;font-weight:700}.modal-close{font-size:20px;color:var(--text-muted);padding:4px;background:none;border:none}.modal-input{width:100%;height:44px;padding:0 12px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;margin-bottom:12px}.modal-btn{width:100%;height:44px;margin-top:8px}.bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);display:flex;gap:10px}.bottom-btn{flex:1;height:44px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.steps{display:flex;padding:0 24px;margin-bottom:8px}.step{flex:1;text-align:center;position:relative}.step:after{content:"";position:absolute;top:12px;left:50%;right:-50%;height:2px;background:#e5e7eb}.step:last-child:after{display:none}.step.active:after,.step.done:after{background:var(--accent)}.step-dot{width:24px;height:24px;border-radius:50%;background:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;position:relative;z-index:1}.step.active .step-dot{background:var(--accent)}.step.done .step-dot{background:#22c55e}.step-label{display:block;font-size:11px;color:var(--text-muted);margin-top:6px}.step.active .step-label{color:var(--accent);font-weight:600}.quick-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-card{padding:12px 8px;border:2px solid var(--border);border-radius:12px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface)}.quick-card:active{transform:scale(.95)}.quick-card.selected{border-color:var(--accent);background:#f5f3ff}.quick-card .emoji{font-size:20px;margin-bottom:4px}.quick-card .name{font-size:12px;font-weight:600;color:var(--text-primary)}.form-container{padding:12px 16px calc(100px + env(safe-area-inset-bottom,0px))}.form-step{display:none}.form-step.active{display:block;animation:fadeIn .3s ease}.form-section{background:var(--surface);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-card)}.form-section-title{font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}.form-section-title .icon{width:24px;height:24px;border-radius:6px;background:#eef2ff;display:grid;place-items:center;font-size:12px}.empty-state{text-align:center;padding:60px 20px}.empty-state .icon{font-size:48px;margin-bottom:12px}.empty-state p{font-size:14px;color:var(--text-muted)}.app-bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:8px var(--gap-md) calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);position:sticky;bottom:0;z-index:10}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;color:var(--muted);font-size:11px;font-weight:600;transition:color .15s;border-radius:var(--radius)}.nav-item.active{color:var(--accent)}.nav-item svg{width:24px;height:24px}.fade-in{animation:fadeIn .3s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.no-select{-webkit-user-select:none;user-select:none}.touchable{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.touchable:active{transform:scale(.98);opacity:.8}.safe-bottom{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}