:root{color-scheme:light dark;--bg:light-dark(#f3f5ef,#182019);--panel:light-dark(#fff,#222d25);--text:light-dark(#21392a,#e3eee5);--sub:light-dark(#637467,#b0beaf);--line:light-dark(#dce4d8,#3c4a40);--soft:light-dark(#ecf1e7,#2d3930);--button:light-dark(#244f36,#c0dfbd);--button-text:light-dark(#fff,#213c28);--bad:light-dark(#9b352b,#ffc1b7);font:16px/1.5 'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;background:var(--soft);color:var(--text);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px 14px}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--button);color:var(--button-text);border-color:transparent;width:100%}button.quiet{padding:6px 10px;background:transparent}.app{max-width:680px;margin:auto;min-height:100dvh;background:var(--bg)}header{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:600;letter-spacing:.7px}.brand span{color:var(--sub);font-weight:400;letter-spacing:0}#profile{font-size:13px}.mode{padding:10px 20px;background:var(--soft);color:var(--sub);font-size:13px}main{padding:24px 20px}h1{font-size:26px;font-weight:600;margin:0}h2{font-size:19px;font-weight:500;margin:0 0 12px}h3{font-size:16px;font-weight:500;margin:0}p{margin:8px 0}.sub,small{color:var(--sub)}.heading{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.card{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin:16px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.group{border-top:1px solid var(--line);padding:14px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:6px;margin:12px 0;min-width:0}input,select{width:100%;min-width:0;padding:11px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--button);flex:none}.check{display:flex;align-items:center;min-height:44px;gap:10px}.total{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.error{color:var(--bad);margin:12px 0}.error:empty{display:none}#message{padding:0 20px 12px}#message:empty{display:none}nav{display:flex;justify-content:space-around;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding:12px 8px}nav a{padding:12px 8px;font-size:14px;text-decoration:none;border-radius:8px}nav a[aria-current=page]{background:var(--soft);font-weight:600}.back{display:inline-block;margin-bottom:12px}.plant{padding:12px 0;border-top:1px solid var(--line)}.plant strong{display:block}.plant p{margin:3px 0;font-size:14px}.empty{padding:30px 0;color:var(--sub)}.badge{padding:4px 8px;background:var(--soft);border-radius:8px;font-size:13px}details summary{cursor:pointer;min-height:44px;display:flex;align-items:center}button:focus-visible,a:focus-visible{outline:3px solid var(--button);outline-offset:3px}@media(max-width:420px){main{padding:20px 14px}.card{padding:16px}.grid{grid-template-columns:1fr}header{padding:16px}}

main{overflow-anchor:none}
