:root{font-family:Inter,system-ui,sans-serif;color:#19332f;background:#f4f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1140px;margin:auto;padding:65px 32px 25px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#51766a}h1{font-size:clamp(46px,7vw,80px);letter-spacing:-4px;line-height:1.04;margin:20px 0}h1 em{font-style:normal;color:#25846a}header>p{max-width:600px;color:#62716c;font-size:18px;line-height:1.6}.workspace{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;margin-top:40px}.input-panel,aside,.result{border:1px solid #d7dfd5;border-radius:20px;padding:28px;background:#fff}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}h2{margin:0 0 14px;font-size:26px;letter-spacing:-.7px}h3{font-size:21px}p{line-height:1.65}.hint{font-size:13px;color:#687a70}aside{background:#e7eee2}aside h2{margin-top:24px;line-height:1.3}.formula{background:#fff8;border-radius:12px;padding:20px;font:22px monospace}.formula span{display:block;font:12px system-ui;color:#25846a;margin-top:8px}label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px}input,textarea{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #cad5ca;border-radius:9px;background:#fafbf7;font:15px monospace;color:#19332f}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid #25846a}button{cursor:pointer;font:600 13px system-ui;border:0;border-radius:9px;padding:10px 14px}.quiet{color:#356552;background:#eaf0e8}.primary{display:block;background:#216b55;color:white;width:100%;padding:17px;margin-top:20px;font-size:15px}.primary span{float:right}.relation-input{border-bottom:1px solid #e1e7de;padding-bottom:18px;margin-bottom:18px}#error{color:#a3292f}#results{margin-top:48px}.result{margin:20px 0}.final{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.chip{background:#216b55;color:#fff;padding:14px 18px;border-radius:10px;font:16px monospace}.step{border:1px solid #dce4d8;border-left:4px solid #72a587;border-radius:10px;padding:20px;margin:16px 0;background:#fafbf8}.step h3{margin:10px 0}.children{border-left:1px solid #bbccbc;padding-left:24px;margin-left:12px}details{font-size:13px;margin:12px 0}summary{cursor:pointer;color:#216b55;font-weight:600}.math{font-family:monospace}footer{text-align:center;font-size:12px;color:#69796e;padding:40px 0 10px}@media(max-width:720px){main{padding:35px 18px}.workspace{grid-template-columns:1fr}h1{letter-spacing:-2px}.input-panel,aside,.result{padding:20px}.children{padding-left:12px;margin-left:0}}@media print{header,.workspace,footer,.section-title button{display:none}main{padding:0;max-width:none}.result,.step{break-inside:avoid}details{display:block}.children{padding-left:15px}body{background:white}}