:root{--color-charcoal:#1e1e1e;--color-slate:#636e72;--color-signal:#d63031;--color-mist:#dfe6e9;--color-white:#fff;--color-surface-alt:#f8f9fa;--color-success:#00b894;--color-warning:#fdcb6e;--color-info:#0984e3;--color-error:#b91c1c;--color-text:var(--color-charcoal);--color-text-secondary:var(--color-slate);--color-brand:var(--color-signal);--color-bg:var(--color-mist);--color-surface:var(--color-white);--font-family-base:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-family-mono:"Pretendard",ui-monospace,"SF Mono",monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-body:1.5;--line-height-heading:1.3;--line-height-numeric:1.2;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--radius-full:50%}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--brand:#d63031;--brand-dark:#1e1e1e;--bg-base:#dfe6e9;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#dfe6e9;--text-primary:#1e1e1e;--text-secondary:#636e72;--text-muted:#636e72;--border:#dfe6e9}body{color:#1e1e1e;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;background:#dfe6e9;font-family:Pretendard Variable,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif}html{overscroll-behavior-y:contain}.post-img-scroll::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}input,button{font-family:inherit}button{cursor:pointer}.auth-container{background:#dfe6e9;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;overflow-y:auto}.auth-card{background:#fff;border:1px solid #0000000f;border-radius:20px;width:100%;max-width:400px;padding:32px 28px;box-shadow:0 2px 12px #0000000f}.auth-logo-emoji{margin-bottom:10px;font-size:52px}.auth-logo-title{color:#1e1e1e;margin-bottom:4px;font-size:26px;font-weight:800}.auth-logo-sub{color:#999;font-size:14px}.auth-input{color:#1e1e1e;box-sizing:border-box;background:#dfe6e9;border:1px solid #0000001a;border-radius:12px;outline:none;width:100%;padding:13px 16px;font-family:inherit;font-size:15px}.auth-input::placeholder{color:#999}.auth-input:focus{background:#fff;border-color:#d6303180}.auth-btn-primary{color:#fff;cursor:pointer;background:#d63031;border:none;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:16px;font-weight:700}.auth-btn-outline{color:#d63031;cursor:pointer;background:0 0;border:1.5px solid #d63031;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:16px;font-weight:700}.auth-test-box{background:#d630310f;border-left:3px solid #d63031;border-radius:12px;margin-top:16px;padding:12px 14px}@media (max-width:375px){.auth-card{border-radius:16px;padding:20px 14px}.auth-logo-emoji{margin-bottom:6px;font-size:36px}.auth-logo-title{font-size:20px}.auth-logo-sub{font-size:12px}.auth-input{padding:10px 12px;font-size:14px}.auth-btn-primary,.auth-btn-outline{padding:11px;font-size:14px}.auth-test-box{margin-top:10px;padding:10px 12px}}@media (min-width:376px) and (max-width:414px){.auth-card{padding:24px 18px}.auth-logo-emoji{font-size:42px}.auth-logo-title{font-size:22px}.auth-input{padding:11px 14px;font-size:14px}.auth-btn-primary,.auth-btn-outline{padding:12px;font-size:15px}}.register-container{background:#dfe6e9;justify-content:center;align-items:flex-start;min-height:100vh;padding:16px;display:flex;overflow-y:auto}.register-card{background:#fff;border:1px solid #0000000f;border-radius:20px;width:100%;max-width:420px;margin-top:10px;margin-bottom:20px;padding:24px 20px;box-shadow:0 2px 12px #0000000f}.register-step-title{color:#1e1e1e;font-size:20px;font-weight:800}.district-grid{flex-wrap:wrap;gap:6px;display:flex}@media (max-width:375px){.register-card{padding:16px 12px}.register-step-title{font-size:17px}.auth-input{padding:9px 11px;font-size:13px}.auth-btn-primary{padding:10px;font-size:14px}}@media (min-width:376px) and (max-width:414px){.register-card{padding:20px 16px}.register-step-title{font-size:18px}}body{padding-bottom:var(--live-bar-h,0px)}.safe-bottom-pad{padding-bottom:env(safe-area-inset-bottom)}.safe-bottom-pad-16{padding-bottom:max(16px,env(safe-area-inset-bottom))}