:root{--color-bg: #FAF8F5;--color-card: #FFFFFF;--color-text-primary: #2C2420;--color-text-secondary: #5C524A;--color-text-muted: #8C8078;--color-border: #E8E2DC;--color-brand: #6B8F71;--color-brand-dark: #5A7A60;--color-accent: #C98B6B;--color-success: #4CAF6E;--color-warning: #D4943A;--color-error: #C75450;--color-soft: #f0f5f2;--color-soft-accent: #fdf5ef;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--shadow-sm: 0 1px 3px rgba(44,36,32,.06);--shadow-md: 0 4px 12px rgba(44,36,32,.08);--shadow-lg: 0 8px 24px rgba(44,36,32,.1);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,Roboto,sans-serif}:root[data-theme=terracotta]{--color-brand: #C98B6B;--color-brand-dark: #B07654;--color-soft: #f8f0ea;--color-soft-accent: #fdf0e8}:root[data-theme=mist]{--color-brand: #6B8FA7;--color-brand-dark: #57788E;--color-soft: #eef3f6;--color-soft-accent: #f0f6fa}:root[data-font=large]{font-size:112.5%}:root[data-font=xlarge]{font-size:125%}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text-primary);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100%;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea{font-family:inherit;font-size:16px}img{max-width:100%;display:block}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);margin-bottom:var(--space-md)}.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;border-radius:20px;background:var(--color-soft);color:var(--color-brand-dark)}.btn{font-size:15px;font-weight:600;padding:10px 18px;border-radius:var(--radius-md);border:none;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:6px;transition:opacity .15s}.btn:active{opacity:.8}.btn-primary{background:var(--color-brand);color:#fff}.btn-accent{background:var(--color-accent);color:#fff}.btn-ghost{background:var(--color-card);color:var(--color-brand-dark);border:1px solid var(--color-border)}.btn-warn{background:var(--color-error);color:#fff}.btn-soft{background:var(--color-soft);color:var(--color-brand-dark)}.section-title{font-size:17px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:8px}.section-title svg{color:var(--color-brand)}.desc{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-md)}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){body{padding-bottom:80px;padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;background:var(--color-text-primary);color:#fff;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;box-shadow:var(--shadow-lg);animation:fadeIn .2s ease}