*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip;width:100%;touch-action:pan-x pan-y}#root{width:100%;overflow-x:clip}:root{--bg: #0e0b17;--bg2: #151122;--card-bg: #1c1829;--border: #2c2640;--accent: #6b5f80;--cream: #ede0cc;--gold: #c8a44a;--text: #d0c4b4;--text-dim: #8a7e96;--radius: 18px;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif;min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:6px;background:radial-gradient(ellipse at 50% 40%,#1e1535,#0e0b17 70%)}.splash h1{font-size:1.9rem;color:var(--cream);letter-spacing:.22em;font-weight:300}.splash h2{font-size:.78rem;color:var(--text-dim);letter-spacing:.38em;font-weight:300}.page{max-width:480px;width:100%;margin:0 auto;padding:28px 18px 88px;min-height:100dvh;overflow-x:hidden}.page-header{text-align:center;margin-bottom:36px;padding-top:20px}.page-header .brand{font-size:.62rem;color:var(--text-dim);letter-spacing:.38em;margin-bottom:10px}.page-header h1{font-size:1.35rem;font-weight:300;color:var(--cream);letter-spacing:.04em}.page-header p{font-size:.83rem;color:var(--text-dim);margin-top:8px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:var(--radius);cursor:pointer;font-size:.95rem;font-family:inherit;transition:all .2s;letter-spacing:.03em}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:active:not(:disabled){opacity:.8;transform:scale(.98)}.btn-primary{background:transparent;border:1px solid var(--cream);color:var(--cream);font-weight:400;width:100%}.btn-primary:hover:not(:disabled){background:var(--cream);color:var(--bg)}.btn-ghost{background:transparent;border:none;color:var(--text-dim);font-size:.85rem}.input{width:100%;padding:15px 18px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.95rem;font-family:inherit;outline:none;line-height:1.7;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-dim);opacity:.7}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg2);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:100}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 2px 12px;text-decoration:none;color:var(--text-dim);font-size:.52rem;letter-spacing:0;transition:color .2s;min-height:56px;justify-content:center;white-space:nowrap;overflow:hidden}.bottom-nav a.active{color:var(--gold)}.bottom-nav svg{transition:stroke .2s}