:root{--ink:#17171a;--muted:#6d6d73;--line:#e6e5e1;--paper:#fafaf8;--orange:#f35b1c;--orange-soft:#fff0e8;--navy:#172338;--green:#006b4f}*{box-sizing:border-box}body{margin:0;background:#f2f1ee;color:var(--ink);font-family:'Noto Sans KR',sans-serif}.app-shell{max-width:620px;margin:auto;background:var(--paper);min-height:100vh;padding-bottom:32px}.hero{background:var(--navy);color:white;padding:24px 22px 22px;position:relative}.brand{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px}.brand-mark{width:25px;height:25px;border:2px solid var(--orange);border-radius:50%;display:inline-grid;place-items:center;color:var(--orange);font-family:Georgia;font-weight:700}.brand em{font:500 10px 'DM Mono';letter-spacing:1px;color:#ff9a6c;background:#ffffff17;padding:4px 6px;border-radius:3px}.hero p{font-size:13px;color:#c7d0dd;margin:19px 0 15px;line-height:1.6}.icon-button{position:absolute;right:18px;top:18px;border:0;background:#ffffff16;color:#fff;font-size:23px;border-radius:50%;width:34px;height:34px}.context-row{display:flex;gap:8px}.context-row label{font-size:11px;color:#b8c4d4;display:flex;align-items:center;gap:6px}.context-row select{border:1px solid #ffffff32;background:#ffffff10;color:#fff;border-radius:6px;padding:6px;font-family:inherit;font-size:11px}.context-row option{color:#222}.summary-card{margin:0 16px;transform:translateY(-1px);background:var(--orange);color:#fff;border-radius:0 0 14px 14px;padding:19px 19px 16px;box-shadow:0 6px 16px #6b260d24}.summary-card>span{font-size:12px;opacity:.9}.currency-pill{border:0;background:#ffffff25;color:#fff;border-radius:10px;padding:2px 7px;margin-left:4px;font:500 10px 'DM Mono'}.summary-card>strong{display:block;font:700 35px 'DM Mono';letter-spacing:-2px;margin:4px 0 14px}.summary-line{display:flex;gap:20px;border-top:1px solid #ffffff48;padding-top:12px;font-size:12px}.summary-line b{font-family:'DM Mono';margin-left:5px}.saving-line{margin-top:12px;background:#a63509a3;border-radius:7px;padding:8px;font-size:11px}.saving-line strong{font-family:'DM Mono'}.saving-line span{float:right;font-weight:700}.discount-card{margin:21px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 15px 10px;display:grid;grid-template-columns:1fr 1.4fr;gap:5px 15px}.eyebrow{display:block;color:var(--orange);font:500 10px 'DM Mono';letter-spacing:1.1px}.discount-card strong{font:700 22px 'DM Mono'}.discount-card p{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px}input[type=range]{accent-color:var(--orange);width:100%}.tabs{display:flex;padding:0 16px;border-bottom:1px solid var(--line);gap:17px;overflow:auto}.tab{border:0;background:none;padding:11px 1px 10px;white-space:nowrap;color:var(--muted);font:600 12px 'Noto Sans KR';border-bottom:2px solid transparent}.tab.active{color:var(--ink);border-bottom-color:var(--orange)}.tab-panel{display:none;padding:19px 16px 4px}.tab-panel.active{display:block}.section-title{display:flex;justify-content:space-between;align-items:start}.section-title h1{font-size:19px;letter-spacing:-.7px;margin:3px 0 12px}.count-badge{font-size:10px;color:var(--green);background:#e4f3ee;padding:4px 7px;border-radius:10px}.compare-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:8px}.compare-head span{color:var(--muted);font-size:10px}.compute-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compute-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px;position:relative}.compute-card.selected{border:1.5px solid var(--orange);background:#fffaf7}.chip{font:500 9px 'DM Mono';color:var(--orange);background:var(--orange-soft);padding:3px 5px;border-radius:4px}.compute-card h3{font-size:13px;margin:9px 0 2px;letter-spacing:-.3px}.compute-card p{font-size:10px;color:var(--muted);margin:0 0 9px;line-height:1.45}.rate{font:500 10px 'DM Mono';color:#4e4e51}.compute-card .monthly{font:700 15px 'DM Mono';margin-top:8px}.toggle{position:absolute;right:10px;top:10px;width:30px;height:18px;border:0;border-radius:12px;background:#d3d3d0}.toggle:after{content:'';position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.2s}.toggle.on{background:var(--orange)}.toggle.on:after{left:15px}.shape-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.shape-controls label,.service-control label{font-size:9px;color:var(--muted)}.shape-controls input,.service-control input{display:block;width:100%;border:1px solid #dcdcd9;border-radius:5px;padding:5px;margin-top:3px;font:500 11px 'DM Mono';color:var(--ink);background:#fff}.section-label{font-weight:700;font-size:12px;margin:20px 0 8px}.service-list{display:grid;gap:8px}.service-row{position:relative;background:#fff;border:1px solid var(--line);padding:12px;border-radius:10px;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center}.service-row.selected{border-color:#ffc6ab}.service-icon{height:28px;width:28px;background:var(--orange-soft);color:var(--orange);border-radius:7px;display:grid;place-items:center;font-size:14px}.service-name{font-weight:700;font-size:12px}.service-meta{font:400 9px 'DM Mono';color:var(--muted);margin-top:2px}.service-cost{text-align:right;padding-top:22px;font:600 12px 'DM Mono'}.service-cost small{display:block;font:400 9px 'DM Mono';color:var(--muted);margin-top:2px}.service-control{grid-column:2/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:0;overflow:hidden;transition:.25s}.service-row.selected .service-control{max-height:60px;margin-top:4px}.section-help{font-size:11px;color:var(--muted);margin:-3px 0 12px;line-height:1.5}.cost-breakdown{margin:21px 16px 0;padding:17px 0 0;border-top:1px solid var(--line)}.breakdown-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.breakdown-row div:last-child{font:500 12px 'DM Mono';text-align:right}.breakdown-row small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.text-button{border:0;background:none;color:var(--orange);font:600 11px 'Noto Sans KR';padding:2px}footer{margin:24px 16px 0;color:#8b8b90;font-size:9px;line-height:1.7}footer a{color:var(--orange);text-decoration:none}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,70px);background:#1f2937;color:#fff;padding:9px 13px;border-radius:20px;font-size:11px;transition:.3s;opacity:0;z-index:4}#toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:390px){.context-row{gap:4px}.context-row label{font-size:10px}.context-row select{max-width:142px;padding:5px}.compute-card{padding:10px}.summary-card>strong{font-size:31px}}

.context-row{flex-wrap:wrap;row-gap:8px}
.fx-field{display:flex;align-items:center;gap:6px;font-size:10px;color:#b8c4d4}
.fx-field label b{color:#ffb08a;font-weight:600}
.fx-input{display:flex;align-items:center;gap:3px;border:1px solid #ffffff32;background:#ffffff10;color:#fff;border-radius:6px;padding:0 6px;font:500 11px 'DM Mono'}
.fx-input input{width:82px;border:0;background:transparent;color:#fff;font:500 11px 'DM Mono';padding:6px 0;outline:0}
#fxReload{border:1px solid #ffffff32;background:#ffffff16;color:#fff;border-radius:6px;width:28px;height:28px;font-size:15px;line-height:1;cursor:pointer}
#fxReload.pending{background:var(--orange);border-color:var(--orange)}
footer .copyright{display:block;margin-top:10px;padding-bottom:20px}