*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;min-height:100%}html{font-family:Noto Sans SC,Sarasa UI SC,PingFang SC,Helvetica Neue,system-ui,sans-serif;font-size:15px;line-height:1.55;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{border:none;background:none;font-family:inherit;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d8d0c4;border-radius:6px}::-webkit-scrollbar-track{background:transparent}code,pre,kbd,samp{font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace}:root{--color-bg: #fff9f0;--color-bg-soft: #f9efdc;--color-surface: #ffffff;--color-surface-elevated: rgba(255, 255, 255, .72);--color-text: #2a2620;--color-text-soft: #6b6458;--color-text-subtle: #a39b8b;--color-border: #ebe2cf;--color-border-strong: #d4c9b0;--color-primary: #ff6b3d;--color-primary-soft: #ffb399;--color-primary-bg: #fff0ea;--color-accent: #2c5f5d;--color-accent-soft: #8cb4a8;--color-success: #3a9e6b;--color-warning: #d9a441;--color-error: #c94a3f;--color-info: #4a7ba8;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--shadow-sm: 0 1px 2px rgba(60, 40, 20, .06);--shadow-md: 0 4px 12px rgba(60, 40, 20, .08);--shadow-lg: 0 10px 32px rgba(60, 40, 20, .12);--ease-micro: .12s ease-out;--ease-short: .2s ease-out;--ease-mid: .3s cubic-bezier(.2, .8, .2, 1);--font-xs: 12px;--font-sm: 13px;--font-md: 15px;--font-lg: 17px;--font-xl: 22px;--font-display: 32px;--font-hero: 48px}body{background:radial-gradient(ellipse at 20% 10%,#ffe8d7 0%,transparent 45%),radial-gradient(ellipse at 85% 90%,#d9e8dd 0%,transparent 40%),var(--color-bg);background-attachment:fixed}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 18px;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:500;transition:background var(--ease-short),transform var(--ease-micro),box-shadow var(--ease-short);-webkit-user-select:none;user-select:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#e85a2e;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--color-primary-soft);cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}.btn-ghost:hover{background:var(--color-surface);border-color:var(--color-text-soft)}.input,.textarea{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--ease-short),box-shadow var(--ease-short)}.input:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.textarea{resize:vertical;min-height:100px;font-family:inherit}.glass{background:var(--color-surface-elevated);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.chip{display:inline-flex;align-items:center;padding:3px 10px;font-size:var(--font-xs);border-radius:999px;background:var(--color-bg-soft);color:var(--color-text-soft)}.chip-primary{background:var(--color-primary-bg);color:var(--color-primary)}.empty{padding:var(--space-7) var(--space-4);text-align:center;color:var(--color-text-subtle)}.skel{background:linear-gradient(90deg,#efe9dc 25%,#f6efde,#efe9dc 75%);background-size:200% 100%;animation:skelShift 1.4s infinite ease-in-out;border-radius:var(--radius-md)}@keyframes skelShift{0%{background-position:200% 0}to{background-position:-200% 0}}h1{font-size:var(--font-hero);font-weight:700;letter-spacing:-.02em}h2{font-size:var(--font-display);font-weight:600;letter-spacing:-.01em}h3{font-size:var(--font-xl);font-weight:600}h4{font-size:var(--font-lg);font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.text-soft{color:var(--color-text-soft)}.text-subtle{color:var(--color-text-subtle)}