:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#183630;background:#f5f1e9;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #183630;--muted: #6e7c76;--line: #dfe4dd;--paper: #fffdf8;--green: #173b35;--sage: #dfece2;--gold: #dfa66b;--danger: #a94e4e;--shadow: 0 20px 45px rgba(25, 56, 45, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% -10%,#fffdf8 0,transparent 38%),#f5f1e9}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,select{border:0}input,select,textarea{color:var(--ink);background:#fffdf8;border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:#7da18c;box-shadow:0 0 0 3px #7da18c2e}label>span{display:block;color:var(--muted);font-size:.79rem;font-weight:700;letter-spacing:.02em;margin-bottom:6px}.app-shell{min-height:100vh;padding-bottom:96px}.topbar{align-items:center;background:#fffdf8e6;border-bottom:1px solid rgba(223,228,221,.7);display:flex;height:76px;justify-content:space-between;padding:0 max(28px,calc((100vw - 1160px)/2));position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{align-items:center;background:transparent;color:var(--green);display:flex;font-size:1.18rem;font-weight:700;gap:10px;padding:6px 0}.brand-mark,.mark{align-items:center;background:var(--green);border-radius:11px;color:var(--gold);display:inline-flex;height:30px;justify-content:center;width:30px}.topbar-actions{align-items:center;display:flex;gap:18px}.icon-button{background:transparent;color:var(--ink);font-size:1.35rem;padding:6px}.offline-pill{align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:.72rem;gap:7px;padding:6px 10px}.status-dot{background:#8b9a93;border-radius:50%;height:7px;width:7px}.offline-pill.online .status-dot{background:#4f9a6f}.offline-pill.offline{color:#8b5e4e}.offline-pill.offline .status-dot{background:#c77a55}.content{margin:0 auto;max-width:1160px;padding:62px 28px 50px}h1,h2,h3,p{margin-top:0}.welcome-row,.page-heading,.section-heading{align-items:flex-end;display:flex;gap:20px;justify-content:space-between}.welcome-row{margin-bottom:32px}.page-heading{align-items:center;margin-bottom:34px}.section-heading{align-items:center;margin:38px 0 18px}.section-heading.compact{margin:0 0 18px}h1{color:var(--green);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2.7rem,7vw,4.55rem);font-weight:400;letter-spacing:-.045em;line-height:.98;margin-bottom:12px}.page-heading h1{font-size:clamp(2.25rem,5vw,3.4rem);margin-bottom:0}.section-heading h2{font-family:"DM Serif Display",Georgia,serif;font-size:1.65rem;font-weight:400;letter-spacing:-.02em;margin:0}.eyebrow{color:#8b9a93;font-size:.68rem;font-weight:700;letter-spacing:.15em;margin-bottom:9px;text-transform:uppercase}.lede{color:var(--muted);font-size:1.02rem;margin-bottom:0;max-width:530px}.muted{color:var(--muted)}.button{align-items:center;border-radius:12px;display:inline-flex;font-size:.86rem;font-weight:700;gap:7px;justify-content:center;min-height:45px;padding:12px 17px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--green);box-shadow:0 8px 16px #173b3526;color:#fffdf8}.button.secondary{background:var(--sage);color:var(--green)}.button.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.button.small{min-height:36px;padding:8px 13px}.text-button{background:transparent;color:#42755d;font-size:.83rem;font-weight:700;padding:5px}.back-button{background:var(--paper);border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:1.35rem;height:42px;width:42px}.detail-id{color:var(--muted);font-size:.75rem;margin-left:auto}.stat-strip{background:var(--green);border-radius:20px;color:#fffdf8;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:20px;overflow:hidden}.stat-strip>div{padding:22px 24px}.stat-strip>div+div{border-left:1px solid rgba(255,255,255,.16)}.stat-strip strong,.stat-strip span{display:block}.stat-strip strong{font-family:"DM Serif Display",Georgia,serif;font-size:1.85rem;font-weight:400}.stat-strip span{color:#ffffffa1;font-size:.73rem;margin-top:2px}.callout{align-items:flex-start;border-radius:15px;display:flex;gap:13px;padding:16px 18px}.callout.subtle{background:#eaf1e8;color:var(--ink)}.callout-icon{background:#cddfce;border-radius:50%;color:var(--green);display:inline-flex;flex:0 0 auto;height:27px;justify-content:center;padding-top:4px;width:27px}.callout strong{font-size:.83rem}.callout p{color:var(--muted);font-size:.78rem;line-height:1.5;margin:4px 0 0}.mobile-add{display:none}.filters{display:flex;gap:10px;margin-bottom:20px}.search-field{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:flex;flex:1;padding-left:14px}.search-field span{color:var(--muted);font-size:1.3rem}.search-field input{border:0;border-radius:12px}.search-field input:focus{box-shadow:none}.filters select{max-width:220px}.neo-grid{display:grid;gap:13px;grid-template-columns:repeat(3,1fr)}.neo-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;color:var(--ink);padding:20px;text-align:left;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.neo-card:hover{border-color:#b6cabd;box-shadow:var(--shadow);transform:translateY(-2px)}.neo-card-top,.neo-card-bottom{align-items:center;display:flex;justify-content:space-between}.neo-number{color:#b27c43;font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.neo-number.large{font-size:.85rem}.card-arrow{color:#8b9a93;font-size:1.2rem}.neo-card h3{font-family:"DM Serif Display",Georgia,serif;font-size:1.45rem;font-weight:400;margin:23px 0 6px}.neo-card p{color:var(--muted);font-size:.82rem;margin-bottom:22px}.neo-card-bottom{border-top:1px solid #edf0eb;color:var(--muted);font-size:.72rem;padding-top:12px}.source-tag{border-radius:999px;display:inline-block;font-size:.62rem;font-weight:700;padding:5px 8px}.source-tag.manual{background:#dcece2;color:#397156}.source-tag.local-proposed{background:#f7ead1;color:#966b36}.source-tag.not-recognized{background:#f2dfd7;color:#9e5b4c}.empty-state{align-items:center;background:#fffdf899;border:1px dashed #cbd6cd;border-radius:18px;display:flex;flex-direction:column;margin:12px 0;padding:45px 20px;text-align:center}.empty-icon{align-items:center;background:var(--sage);border-radius:50%;color:var(--green);display:flex;font-size:2rem;height:58px;justify-content:center;margin-bottom:16px;width:58px}.empty-state h3{font-family:"DM Serif Display",Georgia,serif;font-size:1.5rem;font-weight:400;margin-bottom:7px}.empty-state p{color:var(--muted);font-size:.84rem;margin-bottom:18px;max-width:360px}.body-summary{margin-top:50px}.zone-chips{display:flex;flex-wrap:wrap;gap:8px}.zone-chip{align-items:center;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:flex;font-size:.74rem;gap:8px;padding:8px 12px}.zone-chip.filled{background:var(--paper);color:var(--ink)}.zone-chip b{background:#edf0eb;border-radius:50%;color:var(--ink);font-size:.67rem;min-width:19px;padding:3px}.zone-chip.filled b{background:var(--sage)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin:24px 0}.step-card,.measure-card,.trend-card,.detail-section,.storage-card,.backup-card,.backup-rules{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px}.step-card{margin-bottom:14px}.step-title{align-items:flex-start;display:flex;gap:14px;margin-bottom:20px}.step-title h2{font-size:1.15rem;margin-bottom:5px}.step-title p{color:var(--muted);font-size:.79rem;line-height:1.5;margin:0}.step-title em{color:var(--muted);font-family:inherit;font-size:.68rem;font-style:normal;font-weight:400;margin-left:4px}.step-index{align-items:center;background:var(--sage);border-radius:50%;color:var(--green);display:flex;flex:0 0 auto;font-size:.74rem;font-weight:700;height:30px;justify-content:center;width:30px}.capture-actions{display:flex;flex-wrap:wrap;gap:9px}.capture-actions input,.button input{display:none}.photo-preview{background:#172f2a;border-radius:14px;margin-top:18px;max-height:390px;overflow:hidden;position:relative}.photo-preview img{display:block;max-height:390px;object-fit:contain;width:100%}.remove-photo{background:#0000009e;border-radius:8px;color:#fff;font-size:.72rem;padding:8px 10px;position:absolute;right:10px;top:10px}.photo-placeholder{align-items:center;background:#f6f4ee;border:1px dashed #cdd6ce;border-radius:14px;color:var(--muted);display:flex;flex-direction:column;margin-top:18px;padding:30px;text-align:center}.photo-placeholder span{color:#9aae9d;font-size:2rem}.photo-placeholder p{font-size:.82rem;font-weight:700;margin:5px 0}.photo-placeholder small{font-size:.72rem;max-width:340px}.context-picker-wrap{margin-top:18px;max-width:470px}.context-picker{background:#172f2a;border-radius:14px;display:block;overflow:hidden;padding:0;position:relative;width:100%}.context-picker img{display:block;max-height:420px;object-fit:contain;width:100%}.check-row{align-items:center;color:var(--muted);display:inline-flex;font-size:.78rem;gap:7px;margin-top:10px}.check-row input{accent-color:var(--green);width:auto}.field-note{color:var(--muted);font-size:.76rem;line-height:1.45;margin:9px 0 0}.field-note.warning{color:#9e5b4c}.position-editor{margin-top:4px}.field-grid{display:grid;gap:13px;grid-template-columns:repeat(2,1fr)}.error-box,.error-text{background:#f7e5df;border-radius:11px;color:#914f45;font-size:.78rem;line-height:1.45;padding:12px 14px}.error-box{margin:15px 0}.hidden{display:none}.camera-modal{align-items:center;background:#0f1f1ccc;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.camera-panel{background:#0e2420;border-radius:20px;max-width:720px;overflow:hidden;width:100%}.camera-stage{background:#0e2420;position:relative}.camera-panel video{display:block;max-height:55vh;object-fit:contain;width:100%}.live-grid{background-image:linear-gradient(to right,rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.42) 1px,transparent 1px);inset:0;pointer-events:none;position:absolute}.live-grid span{background:#0f1f1cc2;border-radius:999px;color:#fff;font-size:.68rem;left:12px;padding:7px 9px;position:absolute;top:12px}.camera-guide{background:#173b35;color:#fffdf8;padding:13px 18px 3px}.camera-guide-title{align-items:center;display:flex;justify-content:space-between}.camera-guide-title strong{font-size:.82rem}.camera-guide .check-row{color:#ffffffc2;margin-top:0}.camera-guide-fields{align-items:end;display:grid;gap:13px;grid-template-columns:minmax(120px,.6fr) 1fr;margin-top:10px}.camera-guide label>span{color:#ffffffa8;font-size:.68rem}.camera-guide input[type=number]{background:#ffffff1f;border-color:#ffffff40;color:#fff;display:inline-block;padding:8px 10px;width:calc(100% - 28px)}.camera-guide label>small{color:#ffffffa8;font-size:.68rem;margin-left:5px}.camera-guide input[type=range]{accent-color:#e9ad72;display:block;padding:4px 0;width:100%}.camera-guide .alignment-check{color:#f6d6a7;margin-top:9px}.camera-guide p{color:#ffffffa1;font-size:.68rem;line-height:1.4;margin:8px 0 5px}.camera-error{background:#f5dcd4;border-radius:9px;color:#7c4037;font-size:.74rem;line-height:1.4;margin:10px 18px 0;padding:9px 11px}.camera-controls{align-items:center;display:flex;justify-content:space-between;padding:14px 18px}.camera-controls .button.ghost{border-color:#ffffff40;color:#fff}.shutter{align-items:center;background:#fff;border:5px solid rgba(255,255,255,.3);border-radius:50%;color:#d16d52;display:flex;font-size:1.2rem;height:56px;justify-content:center;width:56px}.observation-chips{display:flex;flex-wrap:wrap;gap:5px}.guide-chip{background:#f7ead1;color:#966b36}.neo-hero{align-items:center;background:var(--green);border-radius:20px;color:#fffdf8;display:flex;justify-content:space-between;margin-bottom:16px;padding:28px}.neo-hero h2{font-family:"DM Serif Display",Georgia,serif;font-size:2.25rem;font-weight:400;margin:10px 0 5px}.neo-hero p{color:#ffffffad;font-size:.85rem;margin-bottom:12px}.neo-hero .source-tag.manual{background:#d2eedc2e;color:#d2eedc}.neo-hero .source-tag.local-proposed{background:#f7ead12e;color:#f5d99e}.neo-hero .source-tag.not-recognized{background:#f2dfd72e;color:#f3beb0}.hero-actions{display:flex;flex-wrap:wrap;gap:9px}.neo-hero .button.primary{background:#fffdf8;color:var(--green)}.neo-hero .button.secondary{background:#ffffff1f;color:#fffdf8}.detail-section{margin:16px 0}.position-summary{align-items:center;background:#f5f7f2;border-radius:13px;display:flex;gap:13px;padding:15px}.position-summary strong{font-size:.88rem}.position-summary p{color:var(--muted);font-size:.75rem;margin:4px 0 0}.position-symbol{align-items:center;background:var(--sage);border-radius:10px;color:var(--green);display:flex;font-size:1.35rem;height:42px;justify-content:center;width:42px}.inline-actions{margin-top:13px}.body-gallery{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.mini-label,.card-kicker{color:#8b9a93;font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.thumb-row{display:flex;gap:9px;margin-top:9px}.thumb-row img{border-radius:10px;height:85px;object-fit:cover;width:85px}.timeline{display:grid;gap:1px}.observation-row{align-items:center;border-top:1px solid #edf0eb;display:grid;gap:20px;grid-template-columns:125px 1fr;padding:17px 0}.observation-date span,.observation-date small{display:block}.observation-date span{font-size:.82rem;font-weight:700}.observation-date small{color:var(--muted);font-size:.68rem;margin-top:5px}.observation-content{align-items:center;display:flex;gap:13px}.observation-thumb{background:#edf0eb;border-radius:11px;height:75px;object-fit:cover;width:75px}.observation-content strong{font-size:.84rem}.observation-content p{color:var(--muted);font-size:.72rem;margin:4px 0 7px}.missing{align-items:center;color:var(--muted);display:flex;font-size:.65rem;justify-content:center;text-align:center}.measurement-chip{background:#e8f1e9;border-radius:999px;color:#467257;display:inline-block;font-size:.66rem;padding:5px 8px}.muted-chip{background:#f0f1ed;color:var(--muted)}.privacy-note{align-items:flex-start;background:#eaf1e8;border-radius:15px;display:flex;gap:13px;margin-top:20px;padding:16px}.privacy-note>span{color:var(--green);font-size:1.25rem}.privacy-note strong{font-size:.8rem}.privacy-note p{color:var(--muted);font-size:.74rem;line-height:1.5;margin:4px 0 0}.compare-controls{align-items:flex-end;background:var(--paper);border:1px solid var(--line);border-radius:16px;display:flex;gap:12px;margin-bottom:15px;padding:17px}.compare-controls label{flex:1}.compare-controls .grid-toggle{flex:0 0 auto;margin:0 0 4px}.versus{color:#b27c43;font-size:.72rem;font-weight:700;margin-bottom:13px}.compare-grid{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.compare-photo{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}.compare-photo-head{align-items:center;display:flex;justify-content:space-between;padding:14px 16px}.compare-photo-head span{font-size:.82rem;font-weight:700}.compare-photo-head small{color:var(--muted);font-size:.7rem}.compare-photo>img{background:#152c27;display:block;max-height:390px;object-fit:contain;width:100%}.compare-photo .missing-image{height:200px}.measure-card,.trend-card{margin-top:16px}.privacy-badge{background:var(--sage);border-radius:999px;color:#42755d;font-size:.67rem;font-weight:700;padding:7px 9px}.measure-copy{color:var(--muted);font-size:.79rem;line-height:1.5;max-width:690px}.measure-step-tabs{border-bottom:1px solid var(--line);display:flex;gap:18px;margin:20px 0 15px}.measure-step-tabs button{background:transparent;border-bottom:2px solid transparent;color:var(--muted);font-size:.76rem;font-weight:700;padding:0 0 10px}.measure-step-tabs button.active{border-bottom-color:var(--green);color:var(--green)}.measure-panel{max-width:760px}.measure-image{background:#152c27;border-radius:13px;overflow:hidden;position:relative}.measure-image.clickable{cursor:crosshair}.measure-image>img{display:block;max-height:500px;object-fit:contain;width:100%}.measure-instruction{background:#0f1f1cc7;border-radius:999px;color:#fff;font-size:.68rem;left:12px;padding:7px 9px;position:absolute;top:12px;z-index:3}.point-marker{align-items:center;background:#e69c68;border:2px solid white;border-radius:50%;color:#fff;display:flex;font-size:.63rem;font-weight:700;height:24px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:24px;z-index:4}.grid-overlay{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.grid-overlay line{stroke:#ffffff57;stroke-width:1}.missing-image{align-items:center;background:#f0f1ed;color:var(--muted);display:flex;height:230px;justify-content:center}.measure-panel>.text-button{margin-top:8px}.measure-form{align-items:flex-end;display:flex;gap:14px;margin-top:15px;max-width:580px}.measure-form label{flex:1}.measure-form .field-note{flex:1;margin:0}.chart-wrap{background:#f7f8f3;border-radius:13px;margin-top:12px;overflow-x:auto;padding:8px}.chart-wrap svg{min-width:500px;width:100%}.chart-axis{stroke:#aab9ad;stroke-width:1}.chart-line{stroke:#579274;stroke-width:3}.chart-point{fill:#e09c62;stroke:#fff;stroke-width:3}.chart-value{fill:var(--ink);font-size:11px;font-weight:700}.chart-label{fill:var(--muted);font-size:10px}.backup-hero{align-items:center;background:var(--green);border-radius:20px;color:#fffdf8;display:flex;gap:19px;margin-bottom:16px;padding:25px}.backup-icon{align-items:center;background:#ffffff21;border-radius:13px;color:#e9ad72;display:flex;font-size:1.8rem;height:55px;justify-content:center;width:55px}.backup-hero h2{font-family:"DM Serif Display",Georgia,serif;font-size:1.7rem;font-weight:400;margin-bottom:6px}.backup-hero p{color:#ffffffad;font-size:.79rem;line-height:1.5;margin:0;max-width:680px}.backup-grid{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.backup-card h2{font-family:"DM Serif Display",Georgia,serif;font-size:1.45rem;font-weight:400;margin:9px 0 6px}.backup-card p{color:var(--muted);font-size:.78rem;line-height:1.5;min-height:42px}.storage-card{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.storage-card h2{font-family:"DM Serif Display",Georgia,serif;font-size:1.35rem;font-weight:400;margin:0 0 4px}.storage-card p{color:var(--muted);font-size:.78rem;margin:0}.storage-status{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.status-ok,.status-warning{border-radius:999px;font-size:.68rem;font-weight:700;padding:7px 9px}.status-ok{background:var(--sage);color:#42755d}.status-warning{background:#f7ead1;color:#966b36}.backup-rules{margin-top:15px}.backup-rules h2{font-size:1rem;margin-bottom:12px}.backup-rules ul{color:var(--muted);font-size:.76rem;line-height:1.8;margin:0;padding-left:18px}.loading-screen{align-items:center;background:#f5f1e9;display:flex;flex-direction:column;height:100vh;justify-content:center;gap:13px}.loading-screen p{color:var(--muted);font-size:.85rem}.toast{background:var(--green);border-radius:11px;bottom:90px;box-shadow:0 12px 25px #173b3533;color:#fff;font-size:.78rem;left:50%;max-width:min(460px,calc(100vw - 30px));padding:12px 16px;position:fixed;transform:translate(-50%);z-index:40}.bottom-nav{align-items:center;background:#fffdf8f0;border-top:1px solid var(--line);bottom:0;display:flex;height:72px;justify-content:center;gap:clamp(25px,9vw,100px);left:0;position:fixed;right:0;z-index:20;backdrop-filter:blur(14px)}.bottom-nav button{align-items:center;background:transparent;color:var(--muted);display:flex;flex-direction:column;font-size:.68rem;gap:3px;min-width:70px;padding:5px}.bottom-nav button span{font-size:1.25rem}.bottom-nav button.active{color:var(--green);font-weight:700}.bottom-nav .nav-add{color:var(--green)}.bottom-nav .nav-add span{align-items:center;background:var(--green);border-radius:50%;color:#fff;display:flex;font-size:1.35rem;height:38px;justify-content:center;margin-top:-20px;width:38px}@media(max-width:760px){.topbar{height:66px;padding:0 18px}.content{padding:38px 16px 35px}.desktop-add{display:none}.mobile-add{display:inline-flex}.welcome-row{align-items:flex-start}.stat-strip{border-radius:15px}.stat-strip>div{padding:16px 13px}.stat-strip strong{font-size:1.45rem}.stat-strip span{font-size:.63rem}.neo-grid,.backup-grid,.compare-grid{grid-template-columns:1fr}.neo-card h3{margin-top:18px}.filters{flex-direction:column}.filters select{max-width:none}.field-grid{grid-template-columns:1fr}.step-card,.measure-card,.trend-card,.detail-section,.storage-card,.backup-card,.backup-rules{padding:18px}.neo-hero{align-items:flex-start;flex-direction:column;gap:18px;padding:21px}.hero-actions{width:100%}.hero-actions .button{flex:1}.observation-row{grid-template-columns:1fr;gap:9px}.observation-date{display:flex;gap:8px;align-items:baseline}.observation-date small{margin:0}.compare-controls{align-items:stretch;flex-direction:column}.versus{margin:0;text-align:center}.measure-form,.storage-card{align-items:stretch;flex-direction:column}.storage-status{align-items:flex-start}.body-summary{margin-top:38px}.bottom-nav{gap:12px;justify-content:space-around}.detail-id{display:none}}@media(max-width:520px){.camera-modal{padding:0}.camera-panel{border-radius:0;max-height:100vh}.camera-panel video{max-height:43vh}.camera-guide-fields{grid-template-columns:1fr}.camera-guide{padding-left:14px;padding-right:14px}.camera-controls{padding-bottom:max(14px,env(safe-area-inset-bottom))}}