:root{color-scheme:light;--ink:#2f3e44;--muted:#727b73;--blue:#365b89;--paper:#f7f5ec;--line:#d8dccd}*{box-sizing:border-box}body{margin:0;background:#eceee5;color:var(--ink);font:15px/1.5 system-ui,sans-serif}main{max-width:1210px;padding:34px 28px 24px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}h1{font:500 44px/1.1 Georgia,serif;margin:5px 0;color:#2f4748;letter-spacing:-1.5px}h1 span{font-size:25px;color:#7e8975;letter-spacing:-.5px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700;color:#7e8c7b}.progress{font-size:12px;white-space:nowrap;padding:10px 16px;background:#e2e8d8;border:1px solid #cbd6bc;border-radius:30px}.layout{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(300px,1fr);gap:28px;align-items:start}.garden{background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 45px #6870520d;border-radius:24px;overflow:hidden;position:sticky;top:15px}.gardenTop,.gardenFoot{padding:16px 21px;display:flex;justify-content:space-between;color:#73816d;font-size:12px}.gardenTop>span:first-child{letter-spacing:.1em;text-transform:uppercase;font-size:10px}.gardenTop b{color:#8e764b;font-weight:500}canvas{width:100%;aspect-ratio:1;display:block;outline-offset:-4px;touch-action:pan-y}.gardenFoot{font-size:11px;justify-content:center;gap:20px}.gardenFoot i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.blue{background:#35599b}.amber{background:#c77a4b}aside{background:#fafaf5;border:1px solid var(--line);border-radius:22px;padding:23px}select,input,button{font:inherit}button,select{border:1px solid #ccd3c3;border-radius:9px;background:#fffef8;padding:9px 12px;color:#415345;cursor:pointer}button:hover{background:#e6eddf}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #a9c0d2;outline-offset:2px}.heading{display:flex;gap:10px;align-items:center;justify-content:space-between}.heading select{max-width:190px;font-size:12px;padding:6px}h2{font:500 30px/1.15 Georgia,serif;margin:20px 0 12px}#tip{font-size:13px;color:#727c70;min-height:57px;margin-bottom:23px}.angle{margin:18px 0}.angle>label{display:flex;justify-content:space-between;font-size:12px;color:#66735f}.angle strong{font-weight:500;color:#526848}.range{display:flex;align-items:center;gap:13px;margin-top:7px}input[type=range]{width:100%;accent-color:#6d8960;cursor:pointer}input[type=number]{width:65px;padding:6px;border:1px solid var(--line);border-radius:7px;background:#fffef8;color:var(--ink);font-size:13px}.primary{display:flex;gap:8px;margin:22px 0 10px}.primary button:first-child{flex:1;background:#476848;color:white;border-color:#476848;font-weight:600}.primary button:first-child:hover{background:#36573b}.primary button:last-child{font-size:20px;padding:4px 14px}.helpers{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.helpers button{font-size:11px;padding:7px 8px}.helpers>label{font-size:11px;margin-left:auto;color:var(--muted)}.helpers select{padding:5px;font-size:11px}.guide{font-size:11px;min-height:33px;color:#8c8e7b;margin:12px 0}.result{padding:14px;background:#edf0e4;border:1px solid #dbe2cc;border-radius:12px;min-height:107px}.result p{margin:0;font-size:12px}#status{font-weight:600;color:#506447;margin-bottom:7px}#result{color:#7c816f}#next{margin-top:12px;background:#dbe8cc;font-size:12px}.toggles{display:grid;gap:7px;font-size:11px;color:#697765;margin:20px 0}.toggles label{display:flex;align-items:center;gap:6px}.toggles input{accent-color:#6d8960}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0}dl div{border-top:1px solid var(--line);padding-top:9px}dt{font-size:10px;color:#8a927e}dd{font-size:14px;margin:3px 0 0;font-variant-numeric:tabular-nums;color:#536948}.spec{font-size:10px;color:#9a9e90;margin:15px 0 0}details{background:#f6f7ef;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-top:26px;font-size:12px;color:#6d7969}summary{cursor:pointer;color:#59724b}details p{max-width:850px}footer{font-size:10px;color:#919987;text-align:center;margin-top:23px}a{color:#69845e}#loading{padding:15px}[hidden]{display:none!important}@media(max-width:800px){main{padding:22px 16px}h1{font-size:36px}h1 span{display:block;font-size:21px;margin-top:5px}header{margin-bottom:20px}.layout{grid-template-columns:1fr;gap:18px}.garden{position:relative;top:0;max-width:560px;width:100%;margin:auto}aside{padding:21px;max-width:560px;width:100%;margin:auto}#tip{min-height:0}footer{line-height:1.8}.progress{font-size:10px;padding:8px 11px}.gardenTop{padding:12px 17px}.gardenFoot{font-size:10px;padding:12px 10px}}