:root{--color-bg:#f7f8fa;--color-surface:#fff;--color-surface-alt:#f2f4f7;--color-text:#111827;--color-text-2:#667085;--color-text-3:#636e7c;--color-border:#e5e7eb;--color-border-strong:#666;--color-primary:#344054;--color-primary-2:#475467;--color-primary-light:#f3e9e1;--color-accent:#c46a3a;--color-accent-dark:#a5542d;--color-accent-soft:#f6e7de;--color-success:#0b7a4e;--color-success-bg:#ecfdf3;--color-warning:#b54708;--color-warning-bg:#fffaeb;--color-danger:#b42318;--color-danger-bg:#fef3f2;--color-neutral:#667085;--radius-s:10px;--radius-m:14px;--radius-l:20px;--radius-full:999px;--shadow-1:0 1px 2px #1018280a;--shadow-2:0 4px 12px #1018280f;--shadow-3:0 16px 32px #10182824;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fs-2xs:10px;--fs-xs:10.5px;--fs-sm:11px;--fs-sm2:11.5px;--fs-base:12px;--fs-base2:12.5px;--fs-md:13px;--fs-md2:13.5px;--fs-lg:16.5px;--fs-lg2:17px;--fs-xl:19px;--fs-2xl:26px;--fs-3xl:40px;--bottom-nav-height:58px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow-wrap:break-word;letter-spacing:-.1px;-webkit-font-smoothing:antialiased}button{touch-action:manipulation;cursor:pointer;font-family:inherit}input{font-family:inherit}#root{flex-direction:column;min-height:100dvh;display:flex}.app-shell{min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;display:flex}.screen-scroll{padding:var(--sp-5);padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--sp-5));flex:1;overflow-y:auto}.bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-btn{color:var(--color-text-2);font-size:var(--fs-2xs);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px 6px;display:flex}.bottom-nav-btn.active{color:var(--color-accent)}.card{background:var(--color-surface);border-radius:var(--radius-m);box-shadow:var(--shadow-1);padding:var(--sp-5)}.form-group{margin-bottom:var(--sp-4)}.form-group label{font-size:var(--fs-md);color:var(--color-text-2);margin-bottom:var(--sp-2);display:block}.form-group input{width:100%;min-height:46px;padding:0 var(--sp-4);border:1px solid var(--color-border);border-radius:var(--radius-s);font-size:var(--fs-lg);background:var(--color-surface);color:var(--color-text)}.form-group input:focus{border-color:var(--color-accent);outline:none}.submit-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-s);width:100%;min-height:48px;font-size:var(--fs-lg);border:none;font-weight:600}.submit-btn:disabled{opacity:.5}.error-message{color:var(--color-danger);font-size:var(--fs-md);margin-top:var(--sp-3);min-height:1em}.loading-spin{border:2px solid var(--color-border);border-top-color:var(--color-accent);width:18px;height:18px;margin-right:var(--sp-2);vertical-align:middle;border-radius:50%;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.offline-banner{background:var(--color-warning-bg);color:var(--color-warning);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-md);text-align:center}