*{margin:0;padding:0;box-sizing:border-box}@supports (padding: max(0px)){body{padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media all and (display-mode: standalone){body{background:#fff9f0}}:root{--color-primary: #8B6914;--color-secondary: #D4A574;--color-gold: #C9A062;--color-brown: #5D4E37;--color-dark-brown: #3E2723;--color-cream: #F5E6D3;--color-bg: #4A3520;--color-text-primary: #2C1810;--color-text-light: #8B7355;--color-success: #6B8E23;--color-error: #B22222;--base-font-size: 16px}html{font-size:calc(100vw / 375 * 16)}@media screen and (min-width: 750px){html{font-size:32px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text-primary);overflow-x:hidden}#root,.app{min-height:100vh}.page-container{min-height:100vh;background:linear-gradient(180deg,#4a3520,#5d4e37);position:relative;overflow:hidden;padding-bottom:80px}.page-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(212,165,116,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(201,160,98,.1) 0%,transparent 50%);pointer-events:none}.cloud-decoration{position:absolute;width:100%;height:2rem;background:url("data:image/svg+xml,%3Csvg width='100' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 Q 25 0, 50 10 T 100 10' stroke='%23D4A574' stroke-width='1' fill='none' opacity='0.3'/%3E%3C/svg%3E") repeat-x;background-size:6.25rem 1.25rem;opacity:.3}.btn-primary{background:linear-gradient(180deg,#d4a574,#c9a062,#8b6914);border:2px solid #C9A062;border-radius:2rem;padding:.75rem 2rem;color:#2c1810;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 .25rem .5rem #0000004d,inset 0 .125rem .25rem #ffffff4d;transition:all .3s ease;border:none;position:relative;overflow:hidden}.btn-primary:active{transform:translateY(.125rem);box-shadow:0 .125rem .25rem #0000004d,inset 0 .125rem .25rem #ffffff4d}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.input-field{background:#f5e6d3e6;border:2px solid #C9A062;border-radius:.5rem;padding:.75rem 1rem;font-size:.9rem;color:var(--color-text-primary);width:100%;outline:none;transition:all .3s ease}.input-field:focus{border-color:#d4a574;box-shadow:0 0 .5rem #c9a0624d}.input-field::placeholder{color:var(--color-text-light)}.card{background:linear-gradient(135deg,#f5e6d3,#e8d4bc);border:2px solid #C9A062;border-radius:1rem;padding:1rem;box-shadow:0 .25rem 1rem #0003;position:relative}.card:before,.card:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid #C9A062}.card:before{top:-.125rem;left:-.125rem;border-right:none;border-bottom:none}.card:after{bottom:-.125rem;right:-.125rem;border-left:none;border-top:none}.title-primary{font-size:1.5rem;font-weight:700;color:#d4a574;text-align:center;text-shadow:0 .125rem .25rem rgba(0,0,0,.3);letter-spacing:.2rem}.title-secondary{font-size:1.2rem;font-weight:700;color:#c9a062;text-align:center;letter-spacing:.15rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{animation:spin 2s linear infinite}.page-enter{opacity:0;transform:translateY(1rem)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s}