:root{--bg-page: #EDE7DD;--bg-primary: #FDFBF8;--bg-secondary: #F5F1EB;--bg-tertiary: #F9F6F2;--bg-hover: #F0EBE3;--bg-active: #E4DDD2;--bg-input: #F5F1EB;--bg-input-focus: #FDFBF8;--text-primary: #1C1816;--text-secondary: #4A4440;--text-tertiary: #7A736C;--text-placeholder: #ADA59B;--text-inverse: #FDFBF8;--text-heading: #110E0C;--border-primary: #DDD5C8;--border-secondary: #CFC5B5;--border-light: #E8E1D6;--accent-primary: #8B5E3C;--accent-primary-hover: #7A5034;--accent-primary-active: #6A442C;--accent-danger: #C0453A;--accent-success: #4A7A4C;--accent-warning: #B87A30;--accent-whisper: #8C4A4A;--accent-whisper-hover: #7A3E3E;--overlay-light: rgba(17, 14, 12, .3);--overlay-medium: rgba(17, 14, 12, .4);--overlay-heavy: rgba(17, 14, 12, .5);--overlay-toast: rgba(17, 14, 12, .8);--shadow-sm: 0 1px 3px rgba(28, 24, 22, .1);--shadow-md: 0 2px 8px rgba(28, 24, 22, .12);--shadow-lg: 0 4px 20px rgba(28, 24, 22, .16);--badge-bg: #E8E1D6;--spinner-border: rgba(28, 24, 22, .15);--spinner-active: #8B5E3C;--recording-cancel-bg: rgba(250, 230, 225, .95);--recording-bg: rgba(253, 251, 248, .95);--accent-primary-light: rgba(139, 94, 60, .08);--accent-primary-bg: rgba(139, 94, 60, .12);--accent-whisper-light: rgba(140, 74, 74, .1);--accent-whisper-bg: rgba(140, 74, 74, .08);--accent-danger-light: rgba(192, 69, 58, .08);--accent-danger-shadow: rgba(192, 69, 58, .3);--success-bg: #E6F0E2;--success-border: #4A7A4C;--success-text: #33602F;--danger-bg: #F5E2E0;--danger-border: #C0453A;--danger-text: #983530;--whisper-bg: #F3EAEA;--selected-bg: #E8DFD0;--bg-wechat: #E8E1D6;--border-wechat: #CFC5B5;--active-item-bg: #E4DBCC;--active-item-hover: #D9CEBC}@media (prefers-color-scheme: dark){:root{--bg-page: #151210;--bg-primary: #262119;--bg-secondary: #1E1A15;--bg-tertiary: #221E18;--bg-hover: #332D24;--bg-active: #3E362C;--bg-input: #1E1A15;--bg-input-focus: #332D24;--text-primary: #EDE6DA;--text-secondary: #B8AE9E;--text-tertiary: #847A6C;--text-placeholder: #5C5448;--text-inverse: #FDFBF8;--text-heading: #F5F0E8;--border-primary: #3A332A;--border-secondary: #4A4238;--border-light: #2C2720;--accent-primary: #C4956A;--accent-primary-hover: #B5865C;--accent-primary-active: #A6784F;--accent-danger: #D4635A;--accent-success: #7AAE7C;--accent-warning: #D4A04A;--accent-whisper: #C47A7A;--accent-whisper-hover: #B06A6A;--overlay-light: rgba(8, 6, 5, .5);--overlay-medium: rgba(8, 6, 5, .6);--overlay-heavy: rgba(8, 6, 5, .7);--overlay-toast: rgba(21, 18, 16, .92);--shadow-sm: 0 1px 3px rgba(8, 6, 5, .35);--shadow-md: 0 2px 8px rgba(8, 6, 5, .45);--shadow-lg: 0 4px 20px rgba(8, 6, 5, .55);--badge-bg: #332D24;--spinner-border: rgba(237, 230, 218, .15);--spinner-active: #C4956A;--recording-cancel-bg: rgba(60, 25, 22, .95);--recording-bg: rgba(38, 33, 25, .95);--accent-primary-light: rgba(196, 149, 106, .12);--accent-primary-bg: rgba(196, 149, 106, .18);--accent-whisper-light: rgba(196, 122, 122, .15);--accent-whisper-bg: rgba(196, 122, 122, .12);--accent-danger-light: rgba(212, 99, 90, .12);--accent-danger-shadow: rgba(212, 99, 90, .4);--success-bg: #1A2C1A;--success-border: #7AAE7C;--success-text: #9ACA9C;--danger-bg: #351E1C;--danger-border: #D4635A;--danger-text: #E89890;--whisper-bg: #2E2222;--selected-bg: #2E2820;--bg-wechat: #1E1A15;--border-wechat: #3A332A;--active-item-bg: #2E2820;--active-item-hover: #3A3228}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg-page);color:var(--text-primary);overflow:hidden;width:100%;height:100%;margin:0;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html{overflow:hidden;height:100%;width:100%;overscroll-behavior:none}#app{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg-page)}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,a{-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none}@media (max-width: 767px){#app{max-width:480px;margin:0 auto}}.popup-fade-enter-active{transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.popup-fade-leave-active{transition:opacity .15s ease,transform .15s ease}.popup-fade-enter-from{opacity:0;transform:scale(.92)}.popup-fade-leave-to{opacity:0;transform:scale(.96)}.page-fade-enter-active{transition:opacity .15s ease}.page-fade-leave-active{transition:opacity .1s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}