:root{--bg: #FAF9F7;--bg-elevated: #FFFFFF;--bg-subtle: #F2F0ED;--bg-inset: #EDEAE6;--text-primary: #2A2A28;--text-secondary: #6B6862;--text-tertiary: #9C9890;--text-faint: #C4C0B8;--text-inverse: #FFFFFF;--accent: #4A7C6F;--accent-soft: #E8F0ED;--accent-border: #B8CFC8;--accent-hover: #3D6A5E;--mood-low: #C97A5A;--mood-mid: #D9A441;--mood-high: #6B9E7F;--mood-low-soft: #F5EAE4;--mood-mid-soft: #F8F0DF;--mood-high-soft: #E8F1EA;--error: #B85C4A;--error-soft: #F5E8E4;--success: #6B9E7F;--warning: #D9A441;--border: #E8E5E0;--border-strong: #D6D2CB;--font-display: "Songti SC", "Source Han Serif SC", Georgia, "Noto Serif SC", serif;--font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", Menlo, Consolas, monospace;--fs-display: 30px;--fs-title: 19px;--fs-body: 15.5px;--fs-caption: 13px;--fs-label: 11.5px;--lh-display: 1.3;--lh-title: 1.4;--lh-body: 1.8;--lh-caption: 1.6;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-full: 999px;--shadow-sm: 0 1px 2px rgba(42, 42, 40, .04);--shadow-md: 0 4px 16px rgba(42, 42, 40, .06);--shadow-card: 0 2px 12px rgba(74, 124, 111, .06), 0 1px 3px rgba(42, 42, 40, .03);--r-card: 14px;--focus-ring: 0 0 0 3px rgba(74, 124, 111, .14), 0 1px 2px rgba(42, 42, 40, .04);--safe-bottom: env(safe-area-inset-bottom, 0px);--bg-soft-card: #FAFAF8;--accent-glow: rgba(74, 124, 111, .18);--accent-muted: #8FB0A7;--text-em: #3A3834}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;color:var(--text-primary);line-height:var(--lh-title)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .35s ease-out}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-6px)}.toast-container{position:fixed;z-index:9999;pointer-events:none;left:50%;transform:translate(-50%);bottom:calc(72px + var(--safe-bottom, 0px));display:flex;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 32px)}@media (min-width: 720px){.toast-container{left:auto;transform:none;bottom:auto;top:24px;right:24px;align-items:flex-end}}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:11px 16px;background:#ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--r-full);box-shadow:var(--shadow-card);font-size:14px;line-height:1.6;color:var(--text-primary);max-width:420px;cursor:pointer}.toast--success{border-left:3px solid var(--success)}.toast--success .toast-dot{background:var(--success)}.toast--error{border-left:3px solid var(--error)}.toast--error .toast-dot{background:var(--error)}.toast--info{border-left:3px solid var(--accent)}.toast--info .toast-dot{background:var(--accent)}.toast-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.toast-text{word-break:break-word}.toast-enter-active,.toast-leave-active{transition:all .25s ease}.toast-enter-from{opacity:0;transform:translateY(14px) scale(.96)}.toast-leave-to{opacity:0;transform:translateY(-6px) scale(.97)}