:root{color-scheme:dark;--bg:#080f18;--panel:#0e1c29;--ink:#e6f4fa;--muted:#9fb6c6;--cyan:#6cece1;--violet:#b4a0f7;--line:#294353;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#19213b,transparent 55%),var(--bg);color:var(--ink)}.shell{max-width:1240px;margin:auto;padding:24px}a{color:var(--cyan)}button,input,select{font:inherit}button,select{min-height:46px;border:1px solid var(--line);border-radius:8px;background:#112333;color:var(--ink);padding:10px 15px;cursor:pointer}button:hover,a:hover{color:var(--cyan)}button[aria-pressed=true]{border-color:var(--cyan);background:#173b43;color:var(--cyan)}:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.top{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:800;letter-spacing:3px}.brand span{color:var(--muted);font-size:.7rem}#offline-status{margin-left:auto;color:var(--muted);font:11px monospace}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;padding:45px 0}.eyebrow{font:12px monospace;letter-spacing:2px;color:var(--cyan)}h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-2px;margin:18px 0}h1 em{font-style:normal;color:var(--cyan)}.intro{max-width:550px;color:var(--muted);line-height:1.7}.hero svg{width:100%;filter:drop-shadow(0 0 24px #2b8b8b33)}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools button{flex:1;white-space:nowrap;font-size:13px;font-weight:650}.toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:20px 0}.toolbar label{display:flex;align-items:center;gap:10px;font-size:13px}.toolbar select{font-size:13px}.panel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(130deg,#10222fdd,#111725e8);padding:30px}.heading{max-width:820px;margin-bottom:24px}h2{font-size:30px;margin:10px 0}h3{margin:10px 0}p{line-height:1.65;color:var(--muted)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}form{display:grid;gap:16px}label{display:block;font-size:14px;color:var(--muted)}label span{float:right;color:var(--cyan);font:12px monospace}input,select{width:100%;margin-top:7px}input{min-height:48px;border-radius:8px;border:1px solid #365363;background:#081520;color:var(--ink);padding:12px 14px;font:18px ui-monospace,monospace}input:invalid{border-color:#c38071}.result{background:#06131e;border:1px solid #28545d;border-left:3px solid var(--cyan);border-radius:10px;padding:25px;min-height:180px}.result .big{display:block;font:clamp(26px,4vw,40px) ui-monospace,monospace;color:var(--cyan);margin:8px 0 20px;overflow-wrap:anywhere}.result dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:16px;font-size:14px}.result dd{margin:0;color:var(--ink);font-family:monospace}.result dt{color:var(--muted)}.warning{color:#ffcf8b}.error{color:#ffb3aa}.compact{margin-top:20px;min-height:auto}details{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}summary{cursor:pointer;color:var(--violet);min-height:35px}footer{padding:24px 0;font-size:13px}footer a{display:inline-block;margin:6px 0}.searchbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px}.table-scroll{overflow-x:auto;max-height:530px}table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}caption{text-align:left;padding:12px;color:var(--muted)}th{text-align:left;color:var(--cyan);position:sticky;top:0;background:#112333}td,th{padding:12px;border-bottom:1px solid var(--line)}td button{min-width:110px;text-align:left;font:15px monospace}#taper-drawing{width:100%;max-height:190px}#favorites{display:flex;gap:6px;flex-wrap:wrap}#favorites button{font-size:12px}[hidden]{display:none!important}@media(max-width:720px){.shell{padding:16px}.hero{grid-template-columns:1fr;padding:28px 0}.hero svg{display:none}.calc-grid,.searchbar{grid-template-columns:1fr}.panel{padding:20px}.top{flex-wrap:wrap;gap:12px}#offline-status{margin-left:0}.tools button{flex:1 1 42%}.result dl{grid-template-columns:1fr}.result dd{margin-top:-10px}.toolbar select{max-width:195px}}@media print{body{background:white;color:#111}.top,.hero,.tools,.toolbar,footer,details{display:none!important}.panel{border:0;background:white;padding:0}.panel p,label{color:#333}.result{background:white;border:1px solid #888}.result .big,.result dd,.result dt{color:#111}input,select{background:white;color:#111;border:1px solid #bbb}.calc-grid{grid-template-columns:1fr 1fr}th{position:static;background:#eee;color:#111}td,th{color:#111}.table-scroll{max-height:none}.shell{padding:0}}
