:root{--bg: #f5f0e4;--gold: #c8963e;--gold-light: #d4a843;--gold-pale: #f0e4c8;--dark: #1a1a1a;--dark-2: #2a2a2a;--text: #1a1a1a;--text-muted: #8b5e2e;--text-subtle: #b0998a;--border: #ede6d8;--border-light: #f0ece4;--card-bg: #ffffff;--nav-height: 64px;--radius: 16px;--shadow: 0 2px 12px rgba(0, 0, 0, .07);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;background:var(--bg);color:var(--text);font-family:Nunito,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{height:100%}.font-serif{font-family:Lora,Georgia,serif}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.card-flip-scene{perspective:1200px}.card-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.45,.05,.35,1)}.card-flip-inner.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:8px}.card-face-front{transform:rotateY(180deg)}.animate-fade-in{animation:fade-in .28s ease forwards}.animate-slide-up{animation:slide-up .32s cubic-bezier(.34,1.56,.64,1) forwards}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,#f8f5ee 50%,var(--border-light) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite linear;border-radius:8px}.pressable{transition:transform .1s ease,opacity .1s ease;cursor:pointer}.pressable:active{transform:scale(.97);opacity:.88}@keyframes stage-fade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.stage-fade{animation:stage-fade .4s ease forwards}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.9);opacity:0}}.pulse-ring{animation:pulse-ring 2s ease-out infinite}@keyframes mystic-twinkle{0%,to{opacity:.25;transform:scale(.7) translateY(0)}50%{opacity:1;transform:scale(1.15) translateY(-2px)}}.mystic-star{animation:mystic-twinkle 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::-webkit-scrollbar{width:0}