:root{--primary: #f6a1b2;--primary-light: #fde8ed;--primary-dark: #e8849a;--secondary: #a8d1d7;--secondary-light: #e0f4f6;--accent: #ffe181;--accent-light: #fff8d6;--green: #b5ead7;--purple: #d4b8e0;--orange: #ffd6a5;--bg: #f9f9f9;--white: #ffffff;--text: #333333;--text-light: #888888;--text-lighter: #bbbbbb;--border: #eeeeee;--radius: 16px;--radius-sm: 10px;--shadow: 0 4px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app,.app-wrapper{height:100%;width:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden;background:var(--white)}input,textarea,button{font-family:inherit;outline:none;border:none;background:none}button{cursor:pointer}a{text-decoration:none;color:inherit}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .28s cubic-bezier(.4,0,.2,1)}.slide-fade-enter-from{transform:translate(30px);opacity:0}.slide-fade-leave-to{transform:translate(-30px);opacity:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 28px;border-radius:50px;font-size:16px;font-weight:600;letter-spacing:.5px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 16px #f6a1b273}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.btn-ghost{background:#ffffffe6;color:var(--text);border:1px solid var(--border)}.btn-full{width:100%}.btn-sm{padding:10px 20px;font-size:14px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-pink{background:var(--primary-light);color:var(--primary-dark)}.badge-blue{background:var(--secondary-light);color:#5ba3ab}.badge-yellow{background:var(--accent-light);color:#b8940a}.card-base{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-y::-webkit-scrollbar{display:none}.divider{height:1px;background:var(--border);margin:16px 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-light);font-size:14px;text-align:center;gap:12px}.empty-state .icon{font-size:48px}