.calc{border:1px solid var(--line-2);background:var(--ink-2);text-align:left;border-radius:16px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.calc:after{content:"";inset-inline:16%;background:linear-gradient(90deg,#0000,#f5f5f738,#0000);height:1px;position:absolute;top:0}.calc h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 4px;font-size:18px;font-weight:700}.calc .sub{color:var(--text-2);margin:0 0 18px;font-size:13px}.calc-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.calc-input{background:var(--ink);border:1px solid var(--line-2);border-radius:10px;align-items:baseline;gap:8px;padding:10px 14px;display:flex}.calc-input .cur{font-family:var(--mono);color:var(--text-3);font-size:14px}.calc-input input{color:var(--text);font-family:var(--display);letter-spacing:-.02em;background:0 0;border:none;width:110px;font-size:22px;font-weight:700}.calc-input .per{color:var(--text-3);font-size:12.5px}.seg{background:var(--ink);border:1px solid var(--line);border-radius:999px;gap:4px;padding:3px;display:flex}.seg button{font-family:var(--sans);color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600}.seg button.on{color:var(--text);background:var(--surface-2)}.calc-out .big{font-family:var(--display);letter-spacing:-.04em;color:var(--money);font-size:clamp(30px,3.4vw,40px);font-weight:800;line-height:1.1}.calc-out .big small{color:var(--text-2);letter-spacing:0;font-size:15px;font-weight:500}.calc-out .yr{color:var(--text-2);margin-top:6px;font-size:13px}.calc-out .yr b{color:var(--text);font-weight:600}.calc-vs{border-top:1px solid var(--line);color:var(--text-2);margin-top:auto;padding-top:16px;font-size:13px}.calc-vs b{color:var(--text);font-weight:600}.calc-vs .diff{font-family:var(--mono);color:var(--money);font-size:12px}.calc .fine{font-family:var(--mono);color:var(--text-3);margin:12px 0 0;font-size:10.5px}