:root{--bg:#f3f6fa;--surface:#fff;--ink:#0a2540;--sub:#647488;--muted:#8b95a1;--line:#e3e8ef;--cobalt:#06f;--cobalt-soft:#eaf1ff;--brand:#f2762e;--shadow:0 1px 2px #0a25400d}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-variant-numeric:tabular-nums;word-break:keep-all;overflow-wrap:break-word;font-family:Pretendard,Pretendard Variable,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,Noto Sans KR,system-ui,sans-serif;font-size:16px;line-height:1.5}button,input{font-family:inherit}
.shell{max-width:430px;margin:0 auto;padding:24px 16px 32px}.head{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.head .title{letter-spacing:-.5px;font-size:20px;font-weight:800}.head .ver{color:var(--muted);margin-left:8px;font-size:13px;font-weight:600}.head .free{color:var(--ink);background:linear-gradient(#f8d055,#f0b81f);border-radius:999px;flex:none;padding:4px 10px;font-size:11px;font-weight:800;box-shadow:0 1px 2px #00000014}.sub{color:var(--muted);margin:4px 4px 0;font-size:12px}.tabs{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;margin-top:12px;padding:4px;display:grid}.tab{appearance:none;color:var(--sub);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px 0;font-size:14px;font-weight:700}.tab[aria-selected=true]{background:var(--cobalt);color:#fff}.card{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;margin-top:12px;padding:16px}.card h2{letter-spacing:-.3px;margin:0;font-size:15px;font-weight:800}.field{margin-top:12px}.field>.lab{color:var(--sub);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field>.lab em{color:var(--muted);margin-left:5px;font-style:normal;font-weight:500}.inputRow{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;height:44px;padding:0 14px;display:flex}.inputRow:focus-within{border-color:var(--cobalt)}.inputRow input{text-align:right;min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:17px;font-weight:700}.inputRow .unit{color:var(--sub);flex:none;margin-left:8px;font-size:13px;font-weight:600}.seg{gap:4px;margin-top:6px;display:grid}.seg.c2{grid-template-columns:1fr 1fr}.seg.c3{grid-template-columns:repeat(3,1fr)}.seg.c4{grid-template-columns:repeat(4,1fr)}.seg button{appearance:none;border:1px solid var(--line);background:var(--surface);height:36px;color:var(--sub);cursor:pointer;border-radius:10px;padding:0 2px;font-size:13px;font-weight:700}.seg button[aria-pressed=true]{background:var(--cobalt-soft);border-color:var(--cobalt);color:var(--cobalt)}.card.res{border:1.5px solid var(--cobalt)}.res .k{color:var(--sub);font-size:13px;font-weight:600}.res .big{letter-spacing:-1px;color:var(--cobalt);margin-top:6px;font-size:34px;font-weight:800;line-height:1}.res .big small{margin-left:2px;font-size:18px;font-weight:700}.res .big.zero{color:var(--muted)}.lines{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.lines .ln{color:var(--ink);justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;font-size:13px;display:flex}.lines .ln>span:first-child{color:var(--sub);flex:none;font-weight:500}.lines .ln>span:last-child{text-align:right;font-weight:700}.lines .ln.sum{border-top:1px solid var(--line);margin-top:5px;padding-top:9px}.lines .ln.sum>span:first-child{color:var(--ink);font-weight:700}.note{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.5}.hook{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;text-decoration:none;display:flex}.hook .q{color:var(--ink);font-size:13px;font-weight:600;line-height:1.35}.hook .q small{color:var(--sub);margin-top:2px;font-size:11px;font-weight:500;display:block}.hook .go{background:var(--brand);color:#fff;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:800;display:flex}.hook .go svg{width:18px;height:14px}.foot{text-align:center;color:var(--muted);margin-top:22px;font-size:11px;line-height:1.6}.foot b{color:var(--sub);font-weight:800}