:root{--gold: #c9a96e;--gold-light: #f5e2b8;--gold-dark: #a08050;--bg: #0d0d0d;--bg-card: rgba(255, 255, 255, .04);--text-primary: #fff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .45);--text-faint: rgba(255, 255, 255, .28);--border-gold: rgba(201, 169, 110, .15);--radius-card: 2.13vw;--radius-btn: 13.33vw}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100vh;background:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:4.27vw;line-height:1.5;-webkit-font-smoothing:antialiased}#app{width:100%;max-width:600px;min-height:100vh;margin:0 auto;background:var(--bg);box-shadow:0 0 48px #00000059}.page{min-height:100vh;padding:4.27vw;box-sizing:border-box}.card{background:var(--bg-card);border-radius:var(--radius-card);padding:4.27vw;border:.13vw solid var(--border-gold)}.muted{color:var(--text-muted)}.button-primary{display:block;width:100%;height:12.8vw;line-height:12.8vw;border-radius:var(--radius-btn);background:linear-gradient(135deg,#c9a96e,#a08050);color:#0d0d0d;font-size:4.27vw;font-weight:700;border:none;box-shadow:0 2.13vw 4.8vw #c9a96e38;cursor:pointer;text-align:center}.button-primary:active{opacity:.85}input{outline:none;border:none;background:transparent;color:var(--text-primary);font-size:4vw;font-family:inherit;width:100%}input::placeholder{color:#ffffff40}