:root{font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;color-scheme:dark}*{-webkit-tap-highlight-color:transparent}html,body{margin:0;background:#0c0f14}body{min-width:320px;min-height:100vh}#root{max-width:430px;margin:0 auto;min-height:100vh}.sb-root{font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;background:#0c0f14;color:#f3f5f8;padding:30px 22px 34px;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;font-feature-settings:"tnum" 1}.sb-root *{box-sizing:border-box}.sb-bc{font-size:11px;color:#5c6675;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.sb-h1{font-size:36px;line-height:1.08;font-weight:800;letter-spacing:-.04em;margin:0 0 14px}.sb-h1 em{font-style:normal;color:#ff5645}.sb-tag{font-size:14px;color:#8a94a6;font-weight:500;margin:0 0 26px}.sb-ctitle{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;letter-spacing:-.02em;margin-bottom:20px;white-space:nowrap}.sb-ctitle.out{margin:30px 0 16px}.sb-tnum{font-size:12px;font-weight:800;color:#0c0f14;background:#f3f5f8;border-radius:6px;padding:3px 7px;letter-spacing:0}.sb-tnum.red{background:#ff5645;color:#0c0f14}.sb-panel{background:#141a22;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:24px 22px}.sb-field{margin-bottom:24px}.sb-flabel{font-size:13px;font-weight:700;color:#b6becc;margin-bottom:10px}.sb-inwrap{position:relative;display:flex;align-items:center}.sb-input{width:100%;height:56px;border:1.5px solid rgba(255,255,255,.1);border-radius:13px;background:#0e141c;font:inherit;font-size:24px;font-weight:800;text-align:right;padding:0 56px 0 16px;color:#fff;outline:none;transition:border-color .15s,box-shadow .15s;letter-spacing:-.02em}.sb-input:focus{border-color:#ff5645;box-shadow:0 0 0 3px #ff56452e}.sb-unit{position:absolute;right:18px;font-size:14px;font-weight:600;color:#6b7585;pointer-events:none;white-space:nowrap}.sb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.sb-chip{border:1.5px solid rgba(255,255,255,.12);background:transparent;border-radius:9px;padding:9px 12px;font:inherit;font-size:12.5px;font-weight:600;color:#9aa3b2;cursor:pointer;transition:all .14s;letter-spacing:-.01em;white-space:nowrap}.sb-chip:hover{border-color:#ff564580;color:#fff}.sb-chip.on{background:#ff5645;border-color:#ff5645;color:#0c0f14;font-weight:800}.sb-actions{display:flex;gap:10px;margin-top:28px}.sb-btn{height:56px;border-radius:13px;font:inherit;font-size:16px;font-weight:800;cursor:pointer;border:none;transition:transform .08s,background .15s;letter-spacing:-.01em}.sb-btn:active{transform:scale(.98)}.sb-btn.primary{flex:1.7;background:#ff5645;color:#0c0f14}.sb-btn.primary:hover{background:#ff6e5f}.sb-btn.ghost{flex:1;background:#1e2530;color:#b6becc}.sb-btn.ghost:hover{background:#283040}.sb-hero{text-align:left;padding:6px 2px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:22px}.sb-hero-cap{font-size:12px;font-weight:700;color:#ff5645;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.sb-hero-num{font-size:74px;line-height:.92;font-weight:800;color:#ff5645;letter-spacing:-.05em;font-variant-numeric:tabular-nums;text-shadow:0 0 40px rgba(255,86,69,.35)}.sb-hero-unit{font-size:26px;font-weight:700;margin-left:6px;color:#f3f5f8;letter-spacing:-.02em}.sb-hero-eq{font-size:15px;color:#d5dae2;font-weight:700;margin-top:14px}.sb-hero-eq span{color:#6b7585;font-weight:500}.sb-lifebar-wrap{margin-bottom:24px}.sb-lifebar{position:relative;height:30px;border-radius:8px;background:#1b2b22;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.sb-lifebar-lost{position:absolute;left:0;top:0;bottom:0;background:repeating-linear-gradient(45deg,#ff5645,#ff5645 7px,#e8412f 7px,#e8412f 14px);transition:width .7s cubic-bezier(.2,.7,.2,1)}.sb-lifebar-ticks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;padding:0 calc(100% / 18)}.sb-lifebar-ticks i{width:1px;background:#ffffff1f}.sb-lifebar-legend{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;font-weight:700}.sb-lifebar-legend .lost{color:#ff5645}.sb-lifebar-legend .left{color:#6b7585}.sb-statrow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.sb-stat{background:#141a22;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px 16px}.sb-stat-big{font-size:26px;font-weight:800;letter-spacing:-.03em;color:#fff}.sb-stat-big small{font-size:15px;font-weight:700;color:#8a94a6;margin-left:1px}.sb-stat-label{font-size:12.5px;color:#6b7585;font-weight:600;margin-top:8px;text-transform:uppercase;letter-spacing:.04em}.sb-callout{background:linear-gradient(135deg,#ff5645,#e8412f);border-radius:18px;padding:22px 20px;margin-bottom:22px}.sb-callout-t{font-size:19px;font-weight:800;color:#0c0f14;letter-spacing:-.03em;line-height:1.25}.sb-callout-s{font-size:13px;color:#0c0f14b3;font-weight:700;margin-top:10px}.sb-convlist{border-top:1px solid rgba(255,255,255,.08);margin-bottom:22px}.sb-conv{display:flex;align-items:center;gap:14px;padding:16px 2px;border-bottom:1px solid rgba(255,255,255,.06)}.sb-conv-n{font-size:11px;font-weight:800;color:#5c6675;letter-spacing:.06em;width:20px;flex:0 0 auto}.sb-conv-main{flex:1}.sb-conv-big{font-size:28px;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1}.sb-conv-unit{font-size:14px;font-weight:700;color:#8a94a6;margin-left:3px}.sb-conv-label{font-size:13px;color:#b6becc;font-weight:600;margin-top:5px}.sb-conv-sub{font-size:11.5px;color:#5c6675;font-weight:500;text-align:right;flex:0 0 auto}.sb-trow{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.06)}.sb-tk{font-size:13.5px;color:#8a94a6;font-weight:600}.sb-tv{font-size:14px;color:#f3f5f8;font-weight:700;font-variant-numeric:tabular-nums}.sb-tv.hot{color:#ff5645}