:root{color-scheme:light;--bg: #f5f6f7;--surface: #fff;--text: #191a1c;--muted: #70747b;--brand: #b86b00;--brand-2: #2563b8}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard Variable,Pretendard,Inter,Segoe UI,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.route-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);background:var(--bg);font-size:14px}.route-loading-dot{width:12px;height:12px;border:2px solid color-mix(in srgb,var(--brand) 25%,transparent);border-top-color:var(--brand);border-radius:50%;animation:route-loading-spin .8s linear infinite}.route-load-error{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:10px;padding:24px;text-align:center;background:var(--bg)}.route-load-error b{font-size:18px}.route-load-error span{color:var(--muted);font-size:13px}.route-load-error button{min-width:120px;min-height:44px;margin-top:6px;color:#2e1b00;border:1px solid #e0a439;border-radius:10px;background:#ffcf67;font-weight:800}@keyframes route-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.route-loading-dot{animation:none}}