*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-text-size-adjust:100%}body{min-height:100vh;color:#292524;background:#fffbf5;overflow-x:hidden}:root{--primary:#b91c1c;--primary-light:#fecaca;--primary-dark:#7f1d1d;--accent:#92400e;--accent-light:#fef3c7;--gold:#d97706;--ink:#1c1917;--paper:#fffbf5;--paper-dark:#fef3c7;--stone-100:#f5f5f4;--stone-200:#e7e5e4;--stone-300:#d6d3d1;--stone-400:#a8a29e;--stone-500:#78716c;--stone-600:#57534e;--stone-700:#44403c;--stone-800:#292524}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #b91c1c4d}50%{box-shadow:0 0 20px 4px #b91c1c26}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ink-drop{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.fade-in{animation:fadeIn .5s ease both}.fade-in-up{animation:fadeInUp .6s ease both}.slide-in{animation:slideIn .4s ease both}.float-animation{animation:float 3s ease-in-out infinite}.pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from{opacity:0;transform:translateY(12px)}.fade-leave-to{opacity:0;transform:translateY(-12px)}.grain-overlay{position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b91c1c26;border-radius:2px}.app-footer{text-align:center;padding:12px;font-size:10px;color:var(--stone-300);font-family:monospace}