:root{color-scheme:light dark;--bg:#faf5ec;--paper:#fffdf8;--ink:#302635;--line:#cdbfba;--green:#315447;--soft:#e3eadf;--accent:#ad655b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Georgia,serif}header{display:flex;justify-content:space-between;padding:20px 5%;border-bottom:1px solid var(--line)}a{color:inherit}.brand{font-size:29px;text-decoration:none}main{max-width:1380px;padding:30px 5% 100px;margin:auto}h1{font-weight:400;font-size:clamp(32px,4vw,52px);line-height:1.13;margin:14px 0}h2{font:normal 30px Georgia;margin:10px 0 20px}h3{font:normal 23px Georgia;margin:10px 0}small,.muted{color:#746771;font:13px/1.6 system-ui}p{margin:10px 0}.intro{display:flex;justify-content:space-between;gap:24px;margin-bottom:22px}button,.button,input,select,textarea{font:15px system-ui}button,.button{display:inline-block;min-height:44px;padding:11px 17px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer;text-decoration:none}button:hover,.button:hover,nav button.active{background:var(--green);color:white}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);padding:11px;border-radius:7px;background:var(--paper);color:var(--ink)}textarea{min-height:120px}label{display:block;font:13px/1.5 system-ui}form,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end}nav{display:flex;gap:8px;position:sticky;top:0;background:var(--bg);padding:12px 0;z-index:4;border-bottom:1px solid var(--line);margin-bottom:22px}nav button{flex:1}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.panel{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat{background:var(--soft);border-radius:10px;padding:18px}.stat b{display:block;font-size:27px;font-weight:400}.stat span{font:12px system-ui}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 9px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}.table th{font:12px system-ui;background:var(--soft)}.scroll{overflow:auto}.calc-layout{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:22px}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.keys button{font:22px Georgia;min-height:50px}.result{padding:16px;background:var(--soft);margin:14px 0;white-space:pre-line;border-radius:8px}.catalog{display:flex;gap:8px;flex-wrap:wrap;max-height:240px;overflow:auto;margin:15px 0}.catalog button{font-size:13px}.chart-row{display:grid;grid-template-columns:110px 1fr 100px;gap:8px;align-items:center;font-size:13px;margin:10px 0}.bar{height:16px;background:var(--accent);min-width:1px}.error{color:#ae4037}.progress{height:12px;background:var(--line);border-radius:10px;overflow:hidden}.progress div{height:100%;background:var(--green)}#status{font:13px system-ui;padding:10px 0}details{margin:10px 0}summary{cursor:pointer;min-height:44px;padding:10px}.danger{border-color:#a9463c}.hidden{display:none}@media(max-width:700px){.intro{display:block}.calc-layout{grid-template-columns:1fr}main{padding:20px 5% 100px}nav{position:fixed;bottom:0;top:auto;left:0;right:0;padding:8px 5px calc(8px + env(safe-area-inset-bottom));margin:0;border-top:1px solid var(--line)}nav button{font-size:11px;padding:10px 3px}.table thead{display:none}.table tr{display:block;border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:8px}.table td{display:block;border:0;padding:4px}.table td:before{content:attr(data-label) ': ';font:12px system-ui;color:#746771}.scroll{overflow:visible}.chart-row{grid-template-columns:80px 1fr 75px}.panel{padding:16px}.grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){:root{--bg:#252225;--paper:#302c30;--ink:#f3e9df;--line:#71646c;--soft:#33483e;--green:#436b56}small,.muted{color:#c5b7bd}}