:root{--font-body:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Arial, sans-serif;--font-title:26px;--app-max-width:560px;--page-gutter:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--control-radius:12px;--card-radius:16px;--action-min-height:54px;--field-min-height:48px;--c-action:#1e4fd8;--c-action-hover:#173eac;--c-brand:var(--c-action);--c-brand-light:var(--c-action);--c-link:var(--c-action);--c-nav-active:var(--c-action);--c-bg:#fff;--c-shell:#f5f7fb;--c-surface:#f5f7fb;--c-selected:#eef3ff;--c-text:#18263a;--c-text-sub:#5b677b;--c-text-muted:#66758c;--c-border:#dce3ed;--c-border-light:#edf1f6;--c-input-bg:var(--c-surface);--c-card-beige:var(--c-selected);--c-translate-bg:#ecf7f1;--c-success:#15664a;--c-success-bg:#ecf7f1;--c-warn:#8a4b10;--c-warn-bg:#fff6e9;--c-danger:#b42318;--c-danger-bg:#fff0ed;--c-orange:var(--c-warn);--c-orange-bg:var(--c-warn-bg);--c-disabled-bg:#e7ecf4;--c-disabled-text:#68758a;--c-focus:#86a7ff;--c-overlay:#18263a73;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}@media (max-width:350px){:root{--page-gutter:16px;--font-title:24px}}*{box-sizing:border-box}.app-brand{min-height:64px;padding:12px var(--page-gutter);color:var(--c-link);border-bottom:1px solid var(--c-border-light);align-items:center;gap:9px;font-size:18px;font-weight:750;display:flex}.app-brand-mark{background:var(--c-link);color:#fff;border-radius:9px 9px 9px 3px;place-items:center;width:28px;height:28px;display:grid}.settings-body{flex-direction:column;flex:1;gap:20px;padding:24px 20px;font-size:14px;line-height:1.6;display:flex}.settings-body h1{letter-spacing:-.6px;font-size:26px;line-height:36px}.settings-card{border:1px solid var(--c-border-light);border-radius:var(--card-radius);background:var(--c-shell);gap:10px;padding:20px;display:grid}.settings-card h2{font-size:17px;line-height:26px}.settings-note{color:var(--c-text-sub);font-size:12px}.settings-menu>button{text-align:left;min-height:48px;color:var(--c-text);border-bottom:1px solid var(--c-border);background:0 0;justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.settings-menu>button:last-child{border-bottom:0}.profile-card{align-items:center;gap:14px;display:flex}.profile-avatar{background:var(--c-card-beige);border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:grid}html,body{background:var(--c-shell);color:var(--c-text);min-height:100dvh;margin:0;padding:0}.mobile-screen .btn-primary,.mobile-screen .btn-secondary{min-height:var(--action-min-height);border-radius:var(--control-radius)}p,h1,h2,h3,h4{margin:0}button{font:inherit;cursor:pointer;border:none}input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.mobile-screen{width:100%;max-width:var(--app-max-width);min-height:100dvh;padding-top:env(safe-area-inset-top,0px);background:var(--c-bg);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.status-bar{color:var(--c-text);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 4px;font-size:11px;font-weight:600;display:flex}.screen-header{flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.screen-header h1{letter-spacing:-.4px;color:var(--c-text);font-size:22px;font-weight:700}.back-btn{border-radius:var(--control-radius);width:32px;height:32px;color:var(--c-text);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.screen-body{-webkit-overflow-scrolling:touch;flex:1;padding:0 16px 20px;overflow-y:auto}.bottom-nav{border-top:1px solid var(--c-border);background:var(--c-bg);padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0;display:flex}.bottom-nav-item{min-height:64px;color:var(--c-text-sub);background:0 0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px;font-size:11px;font-weight:500;display:flex}.bottom-nav-item.active{color:var(--c-nav-active);background:var(--c-selected)}.bottom-nav-item svg{width:22px;height:22px}.btn-primary{border-radius:var(--control-radius);background:var(--c-brand);color:#fff;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;display:flex}.btn-primary:active{opacity:.85}.btn-secondary{border-radius:var(--control-radius);background:var(--c-bg);width:100%;color:var(--c-text);border:1px solid var(--c-border);justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:15px;font-weight:600;display:flex}.btn-text{color:var(--c-link);background:0 0;border:none;padding:6px 0;font-size:13px;font-weight:600}.btn-danger-outline{border-radius:var(--control-radius);background:var(--c-danger-bg);width:100%;color:var(--c-danger);border:1px solid #fecaca;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:15px;font-weight:600;display:flex}.list-row{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.list-row:last-child{border-bottom:none}.card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;padding:14px}.card-beige{background:var(--c-card-beige);border-radius:var(--control-radius);padding:12px}.badge{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--c-success-bg);color:var(--c-success)}.badge-warn{background:var(--c-warn-bg);color:var(--c-warn)}.badge-danger{background:var(--c-danger-bg);color:var(--c-danger)}.badge-gray{background:var(--c-border-light);color:var(--c-text-sub)}.badge-blue{color:#1d4ed8;background:#eff6ff}.field-group{margin-bottom:11px}.field-label{color:var(--c-text-sub);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.field-input{border:1px solid var(--c-border);border-radius:var(--control-radius);background:var(--c-input-bg);width:100%;color:var(--c-text);outline:none;padding:11px 12px;font-size:14px}.field-input:focus{border-color:var(--c-link)}.input-block{background:var(--c-input-bg);border-radius:var(--control-radius);margin-bottom:11px;padding:12px}.input-block-label{color:var(--c-text-sub);margin-bottom:6px;font-size:12px;font-weight:600}.input-block-value{color:var(--c-text);font-size:15px;font-weight:600}.input-block-textarea{width:100%;color:var(--c-text);resize:none;background:0 0;border:none;outline:none;min-height:80px;font-size:14px;font-weight:400;line-height:1.6}.divider{background:var(--c-border);height:1px;margin:12px 0}.section-title{color:var(--c-text-sub);margin-bottom:8px;font-size:12px;font-weight:600}.step-row{align-items:center;gap:10px;padding:10px 0;display:flex}.step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.step-dot.done{background:var(--c-success-bg);color:var(--c-success)}.step-dot.active{background:var(--c-brand);color:#fff}.step-dot.pending{background:var(--c-border-light);color:var(--c-text-muted)}.screen-actions{border-top:1px solid var(--c-border);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.sheet-overlay{background:var(--c-overlay);z-index:100;max-width:var(--app-max-width);align-items:flex-end;margin:0 auto;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet-panel{background:var(--c-bg);width:100%;padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0}.sheet-handle{background:var(--c-border);border-radius:2px;width:36px;height:4px;margin:0 auto 16px}button:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}a:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}input:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}textarea:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}select:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}summary:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}.status-bar-standard{font-size:14px;font-family:var(--font-body);color:var(--c-text);align-items:center;padding:0 20px}.status-icons{font-size:10px;font-weight:400}.status-bar-standard .status-icons{font-size:12px;font-weight:500}.btn-orange{border-radius:var(--control-radius);background:var(--c-orange);color:#fff;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;display:flex}button:disabled{cursor:not-allowed;opacity:.6}.mobile-screen{font-family:var(--font-body)}.mobile-screen main.app-page:not(.trip-main){padding:24px var(--page-gutter);min-height:0}.mobile-screen h1.page-title{font-size:var(--font-title);letter-spacing:-.7px;color:var(--c-text);overflow-wrap:anywhere;font-weight:750;line-height:1.4}.mobile-screen :-webkit-any(.settings-card,.section-heading,.mail-section-heading,.file-library-heading)>h2{font-size:18px;line-height:1.45}.mobile-screen :is(.settings-card,.section-heading,.mail-section-heading,.file-library-heading)>h2{font-size:18px;line-height:1.45}.mobile-screen :-webkit-any(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select){font-family:var(--font-body);font-size:16px}.mobile-screen :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select){font-family:var(--font-body);font-size:16px}.mobile-screen :-webkit-any(input,textarea,select,summary):focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}.mobile-screen :is(input,textarea,select,summary):focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}.mobile-screen :-webkit-any(input[type=checkbox],input[type=radio],progress){accent-color:var(--c-action)}.mobile-screen :is(input[type=checkbox],input[type=radio],progress){accent-color:var(--c-action)}.mobile-screen .field-input{min-height:var(--field-min-height);background:var(--c-bg)}.mobile-screen :-webkit-any(.btn-primary,.btn-secondary,.btn-danger-outline,.btn-orange){border-radius:var(--control-radius);min-height:var(--action-min-height)}.mobile-screen :is(.btn-primary,.btn-secondary,.btn-danger-outline,.btn-orange){border-radius:var(--control-radius);min-height:var(--action-min-height)}.mobile-screen .btn-primary{background:var(--c-action)}.mobile-screen .back-btn{border-radius:var(--control-radius);width:44px;height:44px}.mobile-screen .btn-text{align-items:center;min-height:44px;display:inline-flex}.mobile-screen :-webkit-any(.settings-card,.sheet-panel){border-radius:var(--card-radius)}.mobile-screen :is(.settings-card,.sheet-panel){border-radius:var(--card-radius)}@media (hover:hover){.mobile-screen .btn-primary:not(:disabled):hover{background:var(--c-action-hover)}.bottom-nav-item:not(.active):hover{background:var(--c-surface)}}
