:root{color-scheme:light;--bg:#f7f6f3;--card:#ffffff;--ink:#232019;--muted:#8a8377;--line:#e5e1d8;--accent:#b45f34;--accent-soft:#f3e7df;--good:#3f7d52;--field:#fbfaf7;--auto:#efeae1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.5;padding:24px 16px}.wrap{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:18px}h1{font-size:19px;margin:0;letter-spacing:-.01em}.subtitle{font-size:13px;color:var(--muted);margin:6px 0 0}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field:last-child{margin-bottom:0}label{font-size:13px;color:var(--muted)}.lab-auto{font-size:11px;color:var(--accent);margin-left:6px}input{font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);width:100%;font-variant-numeric:tabular-nums}input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}input[readonly]{background:var(--auto);color:var(--muted);cursor:default}.calc{background:var(--accent-soft);border-color:transparent}.calc h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 14px}.calc .row{padding:11px 0;border-bottom:1px solid var(--line)}.calc .row:last-child{border-bottom:none}.calc .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.calc .k{font-size:13px;color:var(--muted)}.calc .v{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent);text-align:right}.calc .v.big{font-size:22px}.calc .formula{font-size:11px;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace}.calc .cmp{font-size:12px;margin-top:2px}.calc .cmp.up{color:var(--good)}.calc .cmp.down{color:var(--accent)}textarea#output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;width:100%;min-height:170px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);resize:vertical;line-height:1.6;white-space:pre-wrap}textarea#output:focus{outline:2px solid var(--accent);outline-offset:1px}button.copy{font:inherit;font-size:15px;font-weight:600;padding:12px;border:none;border-radius:9px;background:var(--accent);color:#fff;width:100%;cursor:pointer;margin-top:12px}button.copy:active{transform:translateY(1px)}.status{font-size:13px;text-align:center;margin:10px 0 0;min-height:18px;font-weight:600}.status.ok{color:var(--good)}.status.warn{color:var(--accent)}.hint{font-size:12px;color:var(--muted);text-align:center;margin:6px 0 0}.out-lbl{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px}