:root{--bg-surface: #EDEDED;--accent-navy: #29497D;--accent-navy-dark: #1E3760;--butter-yellow: #F2D27A;--text-body: #1F2A3A;--text-muted: #76808F;--receipt-paper: #F9F9F8;--shadow-raised: 8px 8px 16px #CFCFCF, -8px -8px 16px #FFFFFF;--shadow-raised-sm: 5px 5px 10px #CFCFCF, -5px -5px 10px #FFFFFF;--shadow-raised-lg: 12px 12px 24px #CFCFCF, -12px -12px 24px #FFFFFF;--shadow-inset: inset 5px 5px 10px #CFCFCF, inset -5px -5px 10px #FFFFFF;--shadow-inset-sm: inset 3px 3px 7px #CFCFCF, inset -3px -3px 7px #FFFFFF;--shadow-navy-btn: 6px 6px 14px rgba(41, 73, 125, .28), -4px -4px 12px #FFFFFF;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-pill: 9999px;--radius-circle: 50%;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100dvh;background-color:#dcdcdc;color:var(--text-body);font-family:var(--font-sans);line-height:1.45;overflow-x:hidden}button,input,textarea{font-family:var(--font-sans);border:none;outline:none;background:none}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{width:100%;max-width:430px;min-height:100dvh;margin:0 auto;background-color:var(--bg-surface);position:relative;display:flex;flex-direction:column;box-shadow:0 0 40px #00000014;overflow-x:hidden}.screen-container{flex:1;display:flex;flex-direction:column;padding:24px 24px 32px;min-height:100dvh;position:relative}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;padding-top:4px}.neu-circle-btn{width:46px;height:46px;border-radius:var(--radius-circle);background:var(--bg-surface);box-shadow:var(--shadow-raised-sm);display:flex;align-items:center;justify-content:center;color:var(--accent-navy);transition:transform .15s ease,box-shadow .15s ease}.neu-circle-btn:active{box-shadow:var(--shadow-inset-sm);transform:scale(.97)}.progress-pills{display:flex;align-items:center;gap:8px}.progress-pill{width:44px;height:9px;border-radius:var(--radius-pill);background:var(--bg-surface);box-shadow:var(--shadow-inset-sm);transition:background-color .3s ease,box-shadow .3s ease}.progress-pill.active{background-color:var(--butter-yellow);box-shadow:none}.screen-title{font-size:30px;font-weight:800;color:var(--accent-navy);letter-spacing:-.03em;line-height:1.25;margin-bottom:8px}.screen-subtitle{font-size:16px;font-weight:500;color:var(--text-body);opacity:.85;margin-bottom:24px}.btn-primary-navy{width:100%;height:58px;border-radius:var(--radius-pill);background-color:var(--accent-navy);color:#fff;font-size:17px;font-weight:700;letter-spacing:-.02em;box-shadow:var(--shadow-navy-btn);display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background-color .2s ease,opacity .2s ease}.btn-primary-navy:active:not(:disabled){transform:scale(.985);background-color:var(--accent-navy-dark)}.btn-primary-navy:disabled{background-color:#b9c0cc;color:#f4f5f7;box-shadow:none;opacity:1}.btn-secondary-neu{width:100%;height:56px;border-radius:var(--radius-pill);background-color:var(--bg-surface);color:var(--accent-navy);font-size:16px;font-weight:700;letter-spacing:-.02em;box-shadow:var(--shadow-raised);display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}.btn-secondary-neu:active{box-shadow:var(--shadow-inset);transform:scale(.985)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.toast-banner{position:fixed;bottom:100px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:360px;background-color:#1f2a3aeb;color:#fff;padding:13px 18px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;text-align:center;z-index:200;box-shadow:0 8px 20px #0003}