.app-shell{max-width:430px;margin:0 auto;min-height:100vh;position:relative}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #faf6f1;--card-bg: #ffffff;--text-primary: #2e1f1a;--text-secondary: #7d5f55;--text-light: #bea99f;--wine: #6b1d35;--wine-light: #8b2848;--rose: #d4928a;--rose-light: #f5e1dd;--gold: #c7a76c;--gold-light: #f0e4cc;--cream: #fdf5ed;--danger: #d44;--shadow-sm: 0 2px 12px rgba(107,29,53,.04);--shadow-md: 0 8px 32px rgba(107,29,53,.06);--shadow-lg: 0 16px 48px rgba(107,29,53,.08);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 24px;--font-serif: "Noto Serif SC", "Cormorant Garamond", serif;--font-en: "Cormorant Garamond", serif;--font-sans: "Noto Sans SC", -apple-system, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(199,167,108,.06) 1px,transparent 0);background-size:32px 32px;pointer-events:none;z-index:-1}a{text-decoration:none;color:inherit}button{font-family:inherit}img{display:block;max-width:100%}::-webkit-scrollbar{width:0;height:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.spinner{width:32px;height:32px;border:2px solid var(--rose-light);border-top-color:var(--wine);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#faf6f1cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;gap:12px}.loading-overlay span{font-size:13px;color:var(--text-light);letter-spacing:2px}