:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#233e35;background:#f6f5ef;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button,input,select,textarea{font:inherit}button{min-height:44px;border:0;background:#eeeee5;color:#25483c;border-radius:12px;padding:10px 15px;cursor:pointer;font-weight:600;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}button:active{filter:brightness(.94)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9fbc62;outline-offset:2px}input,select,textarea{width:100%;min-height:46px;border:1px solid #d9ddd0;background:#fffef9;border-radius:10px;padding:10px 12px;color:#25483c;font-size:16px}input[type=range]{padding:0}input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:#285d49}textarea{min-height:80px;resize:vertical}label{display:flex;flex-direction:column;gap:7px;color:#5c6f62;font-size:12px;font-weight:500;margin-bottom:12px}h1,h2,h3,p{margin-top:0}h2{font-size:21px;letter-spacing:-.6px;margin-bottom:0}h3{font-size:17px;line-height:1.5;margin:20px 0 10px}p{line-height:1.7}small{font-size:11px;line-height:1.5}.app{height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);overflow:hidden;max-width:1400px;margin:auto}header{height:76px;min-height:76px;padding:14px 20px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e5d9;background:#f6f5ef;gap:12px}.project-button{display:flex;gap:12px;align-items:center;text-align:left;background:transparent;padding:0;min-width:0}.project-button small{font-size:9px;letter-spacing:1.2px;color:#758576;display:block;margin-bottom:3px}.project-button strong{display:block;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:19px;letter-spacing:-.5px}.brand-mark{background:#254d3d;color:#dbecb2;width:39px;height:39px;border-radius:12px;display:inline-grid;place-items:center;font-size:26px;flex-shrink:0}.chevron{color:#80917b}.round{border:1px solid #d9dfd2;background:transparent;border-radius:50%;width:44px;height:44px;padding:0;font-size:24px;flex-shrink:0}.statusbar{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:2px 20px;color:#798578;font-size:10px;min-height:34px;background:#f6f5ef}.statusbar button{background:none;font-size:10px;padding:0;min-height:32px;font-weight:400}.saved{color:#2d6a4d}.unsaved{color:#b67237}.map-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.map{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;background:#f3f3eb}.map-top{position:absolute;top:14px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none}.pill{background:#fffef5e8;box-shadow:0 2px 10px #24412c08;border:1px solid #dce1d3;border-radius:30px;padding:8px 12px;font-size:10px;min-height:32px;pointer-events:auto}.pill.active{background:#e6eed8;color:#346343}.map-controls{position:absolute;right:15px;top:72px;display:flex;flex-direction:column;gap:7px}.map-controls button{width:43px;min-height:43px;padding:0;border:1px solid #dce1d3;background:#fffef6e8;font-size:22px;box-shadow:0 2px 8px #1f3e3108}.map-bottom{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.map-bottom button{pointer-events:auto;width:43px;padding:0;background:#fffef5e8;border:1px solid #dce1d3;margin-left:7px;font-size:21px}.scale{font:10px ui-monospace,monospace;color:#798675}.empty-state{position:absolute;left:30px;top:24%;max-width:260px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#7a8a72;font-weight:600}.empty-state h1{font-size:42px;letter-spacing:-2px;line-height:1.2;font-weight:600;margin:20px 0 16px}.empty-state p{font-size:12px;color:#74836f;margin-bottom:22px}.empty-state small{display:block;margin:12px 0;color:#8b9581}.primary{background:#28513f;color:#f8f9ed}.secondary{background:#edf0e4;border:1px solid #dfe4d6;margin:5px 0}.full{width:100%;margin-top:12px}.selection{background:#fffef7;border-top:1px solid #dce2d3;display:flex;padding:10px 14px;gap:5px;align-items:center;min-height:72px}.selection>div{flex:1;min-width:0}.selection strong,.selection small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.selection small{font-size:9px;color:#7c8877;margin-bottom:3px}.selection strong{font-size:13px}.selection button{padding:8px;min-width:42px;font-size:12px;background:#f0f2e8}nav{display:flex;gap:12px;justify-content:space-around;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#fffef7;border-top:1px solid #dfe3d5}nav button{flex:1;background:transparent;font-size:10px;display:flex;align-items:center;flex-direction:column;gap:3px;min-height:52px;padding:5px 8px}nav button span{font-size:24px;line-height:1.1;font-weight:400}nav .nav-add{background:#2b513e;color:#f3f7e9;border-radius:14px}nav .active{background:#e7eedb}.sheet-backdrop{position:fixed;inset:0;background:#18362d55;z-index:10;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet{width:100%;max-width:580px;max-height:88dvh;background:#fbfaf4;border-radius:26px 26px 0 0;overflow-y:auto;padding:9px 22px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;box-shadow:0 -8px 45px #17372719}.handle{width:36px;height:4px;border-radius:3px;background:#d6dccd;margin:0 auto 12px}.sheet-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.sheet-title .round{border:none;background:#edf0e4;width:35px;height:35px;min-height:35px}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.type-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:10px;text-align:left;border:1px solid #dfe3d6;background:#f4f4eb;min-height:77px;padding:12px}.type-grid button span{font-size:24px}.type-grid .chosen{background:#e3edce;border-color:#7f9b68;color:#264b33}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.section-label{font-size:10px;letter-spacing:1px;color:#7b8a72;border-top:1px solid #e0e5d6;padding-top:18px;margin:18px 0}.strip{border:1px solid #dce3d3;border-radius:14px;background:#f2f4e9;padding:12px;margin-bottom:10px}.strip-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px}.small{min-height:32px;padding:4px 10px;font-size:10px;background:#e4e9db}.strip label{font-size:10px}.muted{font-size:12px;color:#7b8876;margin:12px 0}.calculation{font:12px ui-monospace,monospace;background:#e9efdd;padding:12px;border-radius:9px}.check{display:flex;flex-direction:row;align-items:center;gap:8px;margin:14px 0}.checks{display:flex;gap:24px}.sticky{position:sticky;bottom:0;box-shadow:0 -6px 12px #fbfaf4;margin-top:16px;min-height:50px}.danger{color:#a44837;background:#f7e9de;margin:8px 0}.photos{display:flex;flex-wrap:wrap;gap:8px}.photos img{width:92px;height:92px;object-fit:cover;border-radius:10px}.project-row{display:flex;flex-direction:column;text-align:left;width:100%;gap:5px;background:#f0f2e7;margin:10px 0;padding:16px}.project-row small{color:#839078}.backup-card{border:1px solid #dce4d2;padding:20px;border-radius:18px;background:#edf2e0}.backup-card h3{font-size:23px;font-weight:500}.backup-card p{font-size:12px;color:#77866f}.backup-card small{display:block;color:#7e8a71;margin-top:12px}.export-grid{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.export-grid button{flex:1;font-size:12px}.nine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.nine-grid button{font-size:12px;background:#eef1e5}.mode-banner,.snap-hint{position:absolute;bottom:75px;left:20px;right:20px;border:1px solid #9aaf80;background:#eff5df;padding:10px 14px;border-radius:12px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.mode-banner button{min-height:30px;font-size:11px;background:#dae5c7}.snap-hint{bottom:20px;justify-content:center}.toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%);background:#294f3ff2;color:#fff;padding:14px 20px;border-radius:14px;width:max-content;max-width:90%;font-size:12px;z-index:30;box-shadow:0 6px 20px #203e3522}.error-banner{position:fixed;top:calc(env(safe-area-inset-top) + 10px);left:12px;right:12px;background:#fff0e4;border:1px solid #dba781;border-radius:14px;padding:12px;color:#87432d;z-index:40;display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.6}.error-banner span{flex:1}.error-banner button{background:#f1d7c5;flex-shrink:0;font-size:12px}.loading{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading h1{font-weight:500}@media(min-width:700px){header{padding-left:30px;padding-right:30px}.empty-state{left:12%;top:28%;max-width:400px}.empty-state h1{font-size:62px}nav{justify-content:center}nav button{max-width:140px}.sheet{border-radius:26px;margin-bottom:20px;max-height:90dvh}.selection{justify-content:center}.selection>div{flex:0 1 350px}.statusbar{justify-content:flex-start;gap:20px}.statusbar button{margin-left:auto}}@media(prefers-reduced-motion:no-preference){.sheet{animation:slide .18s ease-out}@keyframes slide{0%{transform:translateY(25px);opacity:.5}to{transform:translateY(0);opacity:1}}}