:root{--primary: #E8A87C;--primary-dark: #D4845A;--secondary: #F5E6D3;--accent: #C4956A;--bg: #FDF6EE;--bg-card: #FFFDF9;--text-main: #3D2B1F;--text-sub: #8B6E5A;--text-light: #BFA090;--border: #EDD9C5;--shadow: rgba(196, 149, 106, .15);--red: #E05C5C;--green: #6BAF7A;--radius: 16px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:PingFang SC,Helvetica Neue,-apple-system,sans-serif;background:#e8d5c0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;-webkit-font-smoothing:antialiased}#root{width:390px;min-height:100vh;background:var(--bg);position:relative;overflow:hidden;box-shadow:0 0 40px #0003}a{text-decoration:none;color:inherit}.scroll-area{overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-area::-webkit-scrollbar{display:none}.btn-primary{width:100%;height:54px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius);font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #d4845a59;transition:transform .1s;font-family:inherit}.btn-primary:active{transform:scale(.98)}.btn-secondary{width:100%;height:54px;background:var(--secondary);color:var(--primary-dark);border:1.5px solid var(--border);border-radius:var(--radius);font-size:17px;font-weight:600;cursor:pointer;font-family:inherit}.input-field{width:100%;padding:14px 16px;background:var(--secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:15px;color:var(--text-main);outline:none;font-family:inherit;transition:border-color .2s}.input-field:focus{border-color:var(--primary)}.input-field::placeholder{color:var(--text-light)}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.tag-pink{background:#ffe8e8;color:var(--red)}.tag-orange{background:#fff0e0;color:var(--primary-dark)}.tag-green{background:#e8f5ec;color:var(--green)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes unfold{0%{transform:scaleY(.3) rotateX(60deg);opacity:0}to{transform:scaleY(1) rotateX(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in-up{animation:fadeInUp .4s ease forwards}.shake-anim{animation:shake 2s ease-in-out infinite}