:root{color:#0a0b0d;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,Inter,system-ui,sans-serif;background:#f7f7f7;text-rendering:optimizeLegibility}*{box-sizing:border-box}button{border:0;font:inherit}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}.stage{align-items:center;background:#f7f7f7;display:flex;justify-content:center;min-height:100dvh;overflow:hidden;padding:24px}.phone{background:#fff;border:1px solid #dee1e6;border-radius:32px;display:flex;flex-direction:column;height:852px;max-height:calc(100dvh - 48px);overflow:hidden;position:relative;width:390px}.mobile-top{background:#fff;flex:0 0 96px;position:relative;z-index:4}.status-bar{align-items:center;display:flex;height:36px;justify-content:space-between;padding:0 20px}.status-time{color:#0a0b0d;font-size:13px;font-weight:700;line-height:1.5}.status-mode{color:#7c828a;font-size:12px;line-height:1.5}.app-bar{align-items:center;display:grid;gap:14px;grid-template-columns:20px 1fr 20px;height:60px;padding:0 20px}.icon-button{align-items:center;background:transparent;color:#0a0b0d;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;line-height:1;margin:0 -8px;padding:0;width:36px}.icon-button:disabled{color:#0a0b0d;cursor:default}.icon-button.muted{color:#7c828a}.app-title-wrap{min-width:0}.app-title-wrap h1{color:#0a0b0d;font-size:18px;font-weight:700;line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-title-wrap.compact h1{font-size:16px;font-weight:500;line-height:24px}.menu-popover{background:#fff;border:1px solid #dee1e6;border-radius:14px;box-shadow:0 16px 34px #0a0b0d1f;display:grid;overflow:hidden;position:absolute;right:18px;top:82px;width:168px}.menu-popover button{background:#fff;border-bottom:1px solid #eceff4;color:#0a0b0d;cursor:pointer;font-size:13px;font-weight:600;height:44px;padding:0 14px;text-align:left}.menu-popover button:last-child{border-bottom:0}.content{background:#fff;flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px;scrollbar-width:none}.content::-webkit-scrollbar{display:none}.intro-content{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.entry-chip{align-items:center;background:#eef2f7;border-radius:999px;color:#0a0b0d;display:inline-flex;font-size:12px;font-weight:700;height:44px;justify-content:center;line-height:1.3;padding:6px 10px;white-space:nowrap}.hero-title{color:#0a0b0d;font-size:34px;font-weight:400;letter-spacing:0;line-height:1.18;margin:0;width:320px}.lead{color:#5b616e;font-size:16px;font-weight:400;line-height:1.6;margin:0;width:320px}.internal-card{background:#eef2f7;border-radius:24px;display:grid;gap:12px;margin-top:2px;min-height:90px;padding:20px;width:342px}.internal-card span{color:#5b616e;font-size:13px;line-height:1.5}.internal-card strong{color:#0a0b0d;font-size:20px;font-weight:700;line-height:1.35}.progress-block{display:grid;gap:8px;height:50px;width:342px}.progress-track{background:#eef2f7;border-radius:999px;height:8px;overflow:hidden;width:342px}.progress-track span{background:#0052ff;border-radius:999px;display:block;height:8px}.progress-block>span{color:#7c828a;font-family:Inter,Noto Sans KR,sans-serif;font-size:12px;font-weight:600;line-height:1.5}.screen-title{color:#0a0b0d;font-size:22px;font-weight:700;letter-spacing:0;line-height:30px;margin:14px 0 0;width:320px}.screen-title.large{font-size:28px;font-weight:400;line-height:1.2;margin-top:16px}.body-copy{color:#5b616e;font-size:15px;font-weight:400;line-height:1.55;margin:0;width:320px}.body-copy.small{font-size:13px;line-height:20px;margin-top:4px}.stack{display:grid;gap:16px;margin-top:16px;width:342px}.info-row{align-items:center;background:#fff;border:1px solid #dee1e6;border-radius:12px;color:#0a0b0d;cursor:pointer;display:flex;font-size:15px;font-weight:500;height:59.5px;line-height:1.5;padding:14px;text-align:left;width:342px}.compact-content{padding-top:24px}.choice-list{display:grid;gap:14px;margin-top:16px;width:342px}.choice-card{background:#fff;border:1px solid #e2e6ec;border-radius:14px;cursor:pointer;display:block;min-height:74px;padding:12px 14px;position:relative;text-align:left;width:342px}.choice-card.selected{border-color:#0052ff;box-shadow:inset 0 0 0 1px #0052ff}.choice-card.blocked{background:#f7f8fa}.choice-copy{display:grid;gap:4px;width:276px}.choice-copy strong{color:#0a0b0d;font-size:22px;font-weight:700;line-height:30px;min-height:22px;white-space:nowrap}.choice-copy span{color:#5b616e;font-size:13px;font-weight:400;line-height:20px}.small-pill{align-items:center;background:#eef2f7;border:1px solid #e2e6ec;border-radius:999px;color:#5b616e;display:flex;font-size:11px;font-weight:500;height:28px;justify-content:center;line-height:16px;position:absolute;right:14px;top:14px;white-space:nowrap;width:76px}.note-card,.info-note{background:#eef2f7;border:1px solid #e2e6ec;border-radius:14px;color:#5b616e;font-size:13px;font-weight:400;line-height:20px;padding:12px 17px;width:342px}.note-card{margin-top:22px;min-height:76px}.field-stack{display:grid;gap:16px;margin-top:16px;width:342px}.field-button{background:#fff;border:1px solid #dee1e6;border-radius:12px;color:#0a0b0d;cursor:pointer;display:grid;gap:4px;min-height:68px;padding:14px;text-align:left;width:342px}.field-button span{color:#7c828a;font-size:12px;font-weight:400;line-height:1.5}.field-button strong{color:#0a0b0d;font-size:15px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.deal-pills{display:grid;gap:8px;grid-template-columns:94px 94px 1fr;margin-top:14px;width:342px}.deal-pills button{background:#f2f4f7;border:1px solid #e2e6ec;border-radius:999px;color:#5b616e;cursor:pointer;font-size:11px;font-weight:500;height:38px;line-height:16px;padding:0 10px}.deal-pills button.active{background:#eef2f7;color:#0a0b0d}.deal-pills button:disabled{color:#5b616e;cursor:default}.term-grid{display:grid;gap:16px 18px;grid-template-columns:1fr 1fr;margin-top:18px;width:342px}.term-grid .field-button{width:342px}.term-grid .field-button.half{width:162px}.term-grid .field-button:not(.half){grid-column:1 / -1}.info-note{background:#f2f4f7;height:48px;line-height:16px;margin-top:10px;min-height:48px;overflow:hidden;padding:8px 17px}.bottom-cta{background:#fff;border-top:1px solid #dee1e6;flex:0 0 108px;padding:24px}.bottom-cta button{align-items:center;background:#0052ff;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:48px;justify-content:center;line-height:1.15;width:342px}.bottom-cta button.kakao{background:#fee500;color:#0a0b0d}.bottom-cta button:disabled{background:#c8d1df;color:#fff;cursor:default}.sheet-backdrop{align-items:flex-end;background:#0a0b0d57;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:0 24px 24px;position:fixed;z-index:10}.sheet{background:#fff;border:1px solid #dee1e6;border-radius:24px;box-shadow:0 18px 60px #0a0b0d29;max-width:390px;padding:20px;width:100%}.sheet-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.sheet h2{color:#0a0b0d;font-size:20px;font-weight:700;line-height:1.35;margin:0}.sheet p{color:#5b616e;font-size:14px;line-height:1.55;margin:10px 0 18px}.sheet-head button{background:#eef2f7;border-radius:999px;color:#5b616e;cursor:pointer;font-size:12px;font-weight:700;height:32px;padding:0 12px}.sheet-options{display:grid;gap:10px}.sheet-options button,.primary-sheet-button{background:#fff;border:1px solid #dee1e6;border-radius:12px;color:#0a0b0d;cursor:pointer;font-size:15px;font-weight:600;min-height:50px;padding:0 14px;text-align:left}.sheet-options button.selected{border-color:#0052ff;box-shadow:inset 0 0 0 1px #0052ff}.primary-sheet-button{background:#0052ff;color:#fff;text-align:center;width:100%}@media(max-width:520px){.stage{background:#fff;padding:0}.phone{border:0;border-radius:0;height:100dvh;max-height:none;width:100vw}.content,.bottom-cta,.app-bar,.status-bar{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.content{padding-bottom:24px}.bottom-cta{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media(max-width:374px){.progress-block,.progress-track,.internal-card,.stack,.info-row,.choice-list,.choice-card,.note-card,.field-stack,.field-button,.deal-pills,.term-grid,.info-note,.bottom-cta button,.hero-title,.lead,.screen-title,.body-copy,.term-grid .field-button.half{width:100%}}