:root{color:#18231d;font-synthesis:none;--ink:#18231d;--muted:#66736b;--forest:#1f5a3b;--forest-dark:#17452e;--lime:#d9ec63;--surface:#fff;--line:#dfe5de;background:#f3f5f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f3f5f0}body{background:radial-gradient(circle at 10% -10%,#d9ec6340,#0000 28rem),#f3f5f0;min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}.topbar{max-width:46rem;padding:max(1rem, env(safe-area-inset-top)) 1.25rem .85rem;align-items:center;gap:.75rem;margin:0 auto;display:flex}.brand-mark{background:var(--forest);width:2.75rem;height:2.75rem;color:var(--lime);border-radius:.8rem;place-items:center;font-size:1.35rem;font-weight:900;display:grid}.brand-copy{flex-direction:column;flex:1;line-height:1.2;display:flex}.brand-copy strong{letter-spacing:-.01em;font-size:1rem}.brand-copy span{color:var(--muted);margin-top:.2rem;font-size:.76rem}.profile{width:2.65rem;height:2.65rem;color:var(--forest-dark);background:#ffffffb3;border:1px solid #cbd4cc;border-radius:50%;place-items:center;font-weight:800;display:grid}.back-button{width:2.75rem;height:2.75rem;color:var(--forest-dark);background:#fffc;border:1px solid #cbd4cc;border-radius:.8rem;place-items:center;font-size:1.25rem;font-weight:800;display:grid}main{max-width:46rem;margin:0 auto;padding:1.5rem 1.25rem 7rem}.intro .eyebrow{color:var(--forest);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:800}.intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.1rem,9vw,3.15rem);line-height:1}.intro>p:last-child{color:var(--muted);margin:.75rem 0 0;font-size:.96rem}.project-list{gap:.9rem;margin-top:1.7rem;display:grid}.project-card{border:1px solid var(--line);cursor:pointer;background:#ffffffe6;border-radius:1.2rem;padding:1.15rem;transition:transform .12s,border-color .12s,box-shadow .12s;display:block;position:relative;overflow:hidden;box-shadow:0 .35rem 1.3rem #1c2f240d}.project-card:hover{border-color:#c4d0c6;transform:translateY(-.08rem);box-shadow:0 .65rem 1.6rem #1c2f2417}.project-card:focus-visible{outline:.2rem solid var(--forest);outline-offset:.2rem}.project-card:active{transform:scale(.995)}.project-card.featured{border-color:#b9c8bd;box-shadow:0 .7rem 2rem #1c452d1a}.project-card.featured:before{background:var(--lime);content:"";width:.32rem;height:100%;position:absolute;top:0;left:0}.card-topline{justify-content:space-between;align-items:center;display:flex}.status-dot,.photo-count{color:var(--forest);align-items:center;gap:.35rem;font-size:.75rem;font-weight:800;display:inline-flex}.status-dot>span{background:#2e9b5e;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 .2rem #dff2e6}.status-dot.planned{color:#7b6331}.status-dot.planned>span{background:#c89631;box-shadow:0 0 0 .2rem #f6edd8}.status-dot.completed{color:#6a746e}.status-dot.completed>span{background:#8b958f;box-shadow:0 0 0 .2rem #e7ebe8}.photo-count{color:var(--muted);font-weight:700}.project-card h2{letter-spacing:-.025em;margin:1.25rem 0 .4rem;font-size:1.3rem}.address,.updated{color:var(--muted);margin:0}.address{font-size:.92rem}.updated{margin-top:.35rem;font-size:.76rem}.project-action{background:var(--forest);color:#fff;border-radius:.85rem;justify-content:space-between;align-items:center;min-height:3.55rem;margin-top:1.2rem;padding:0 1.05rem;font-size:.93rem;font-weight:800;transition:transform .12s,background .12s;display:flex}.project-action:active{background:var(--forest-dark);transform:scale(.985)}.project-action.secondary{color:var(--forest-dark);background:#f7f9f6;border:1px solid #cad4cc}.sync-note{color:var(--muted);justify-content:center;align-items:center;gap:.4rem;margin:1.35rem 0 0;font-size:.76rem;font-weight:650;display:flex}.sync-note span{color:#278454}.demo-banner{color:#6a5420;background:#fff8d9;border:1px solid #d7c372;border-radius:.8rem;margin-top:1.2rem;padding:.85rem 1rem;font-size:.8rem;line-height:1.45}.demo-banner strong{margin-right:.3rem}.empty-state{text-align:center;background:#ffffff8c;border:1px dashed #c9d2cb;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:10rem;padding:1.5rem;display:flex}.empty-state strong{font-size:.95rem}.empty-state>span{color:var(--muted);font-size:.8rem}.bottom-nav{z-index:20;max-width:46rem;padding:.55rem 1.25rem max(.6rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#fafbf8eb;border-top:1px solid #bec9c0cc;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#748078;border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;min-height:3rem;font-size:.75rem;font-weight:750;display:flex}.bottom-nav a.active{color:var(--forest-dark);background:#e8eee8}@media (width>=720px){.topbar,main,.bottom-nav{padding-left:2rem;padding-right:2rem}.project-card{padding:1.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.project-page{padding-top:.65rem}.project-hero{padding:1.25rem 0 1.5rem}.project-hero h1{letter-spacing:-.05em;margin:1rem 0 .45rem;font-size:clamp(2rem,9vw,3rem);line-height:1}.project-address{color:var(--muted);margin:0;font-size:1rem}.reference{color:#556259;background:#e7ece7;border-radius:.4rem;margin:.8rem 0 0;padding:.3rem .55rem;font-size:.72rem;font-weight:750;display:inline-block}.text-link{color:var(--forest);font-size:.78rem;font-weight:800}.start-panel{background:#fff;border:1px solid #cbd7cd;border-radius:1.25rem;padding:1.25rem;box-shadow:0 .7rem 2rem #1c452d14}.start-panel .eyebrow{color:var(--forest);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .35rem;font-size:.68rem;font-weight:850}.start-panel h2{letter-spacing:-.03em;margin:0;font-size:1.35rem}.start-panel>p:not(.eyebrow):not(.form-error){color:var(--muted);margin:.55rem 0 0;font-size:.82rem;line-height:1.5}.start-panel form{margin-top:1rem}.start-button{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:.85rem;width:100%;min-height:3.6rem;font-weight:850}.start-button:active{background:var(--forest-dark);transform:scale(.99)}.start-panel .form-error{margin-top:.75rem}.capture-panel{background:var(--forest);color:#fff;border-radius:1.25rem;padding:1.25rem;box-shadow:0 1rem 2.5rem #17452e30}.capture-copy .eyebrow{color:var(--lime);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .35rem;font-size:.68rem;font-weight:850}.capture-copy h2{letter-spacing:-.035em;margin:0;font-size:1.55rem}.capture-copy>p:last-child{color:#dbe6df;margin:.4rem 0 0;font-size:.82rem}.capture-button{background:var(--lime);color:#173c29;text-transform:uppercase;letter-spacing:.035em;cursor:pointer;border:2px solid #ffffffb3;border-radius:1rem;justify-content:center;align-items:center;gap:.8rem;width:100%;min-height:5.25rem;margin-top:1.15rem;font-size:1.15rem;font-weight:900;display:flex}.capture-button:active{transform:scale(.99)}.capture-button:disabled{opacity:.48;cursor:not-allowed}.file-fallback{color:#dbe6df;cursor:pointer;justify-content:center;align-items:center;min-height:2.8rem;margin-top:.45rem;font-size:.73rem;font-weight:750;display:flex}.file-fallback input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.upload-note{color:#b9c9bf;text-align:center;margin:-.1rem 0 0;font-size:.65rem}.camera-error{color:#ffe3dc;background:#ffbead24;border-radius:.6rem;margin:.35rem 0 0;padding:.65rem;font-size:.73rem;line-height:1.45}.camera-icon{border:.18rem solid;border-radius:.35rem;place-items:center;width:2.05rem;height:1.55rem;font-size:.55rem;display:grid}.upload-card{background:#ffffff1f;border-radius:.75rem;grid-template-columns:3.5rem 1fr;align-items:center;gap:.7rem;margin-top:.8rem;padding:.65rem;font-size:.76rem;display:grid}.upload-card img{object-fit:cover;border-radius:.5rem;width:3.5rem;height:3.5rem}.upload-card div{flex-direction:column;gap:.18rem;min-width:0;display:flex}.upload-card span{color:#dae8df;overflow-wrap:anywhere}.upload-card.success{background:#d9ec632b}.upload-card.error{background:#ffb8a821}.upload-card button{min-height:2.6rem;color:var(--forest-dark);background:#fff;border:0;border-radius:.55rem;grid-column:1/-1;font-weight:800}.camera-overlay{z-index:100;-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem);background:#070e0aeb;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.camera-shell{color:#fff;background:#0d1510;border:1px solid #ffffff29;border-radius:1.2rem;width:min(100%,58rem);max-height:calc(100vh - 2rem);display:grid;overflow:hidden;box-shadow:0 1.5rem 5rem #00000073}.camera-shell>header{justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.camera-shell>header div{flex-direction:column;gap:.08rem;display:flex}.camera-shell>header span{color:var(--lime);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:850}.camera-shell>header strong{font-size:.9rem}.camera-shell>header button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-size:1.5rem;display:grid}.camera-viewfinder{background:#050806;place-items:center;min-height:18rem;display:grid;position:relative;overflow:hidden}.camera-viewfinder video{object-fit:contain;width:100%;max-height:min(66vh,42rem);display:block}.camera-guide{pointer-events:none;border:1px solid #ffffff52;border-radius:.5rem;position:absolute;inset:8%}.camera-guide:before,.camera-guide:after{content:"";background:#ffffff2e;position:absolute}.camera-guide:before{width:1px;top:0;bottom:0;left:50%}.camera-guide:after{height:1px;top:50%;left:0;right:0}.camera-shell>footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:1rem;display:grid}.camera-shell>footer>span{color:#aebbb2;font-size:.68rem}.shutter{cursor:pointer;background:0 0;border:.2rem solid #fff;border-radius:50%;place-items:center;width:4.25rem;height:4.25rem;display:grid}.shutter>span{background:var(--lime);border-radius:50%;width:3.25rem;height:3.25rem;transition:transform .1s}.shutter:active>span{transform:scale(.87)}.camera-cancel{color:#d5ddd7;cursor:pointer;background:0 0;border:0;justify-self:end;font-size:.75rem;font-weight:750}.camera-dialog-error{color:#ffc9bc;margin:0;padding:.7rem 1rem 0;font-size:.72rem}.camera-shell canvas{display:none}.timeline{margin-top:2rem}.section-heading{justify-content:space-between;align-items:end;margin-bottom:.85rem;display:flex}.section-heading .eyebrow{color:var(--forest);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .25rem;font-size:.68rem;font-weight:850}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:1.2rem}.section-heading>span{color:#57655c;background:#e4eae4;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:850;display:grid}.photo-empty{min-height:12rem}.empty-icon{color:#8d9a91!important;font-size:2rem!important}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.image-card{border:1px solid var(--line);background:#fff;border-radius:.9rem;position:relative;overflow:hidden}.source-badge{z-index:1;color:#fff;letter-spacing:.02em;background:#363b38e0;border-radius:999px;padding:.3rem .48rem;font-size:.62rem;font-weight:850;position:absolute;top:.55rem;left:.55rem;box-shadow:0 .2rem .6rem #1225192e}.source-badge.preferred{background:#1f6941f0}.image-card>img{aspect-ratio:1;object-fit:cover;background:#e7ebe7;width:100%;display:block}.image-meta{flex-direction:column;gap:.2rem;padding:.7rem;display:flex}.image-meta strong{font-size:.72rem}.image-meta span{color:var(--muted);font-size:.68rem}.image-meta .gps-status{color:#7a6950;font-weight:750}.image-meta .gps-status.captured{color:#277b4d}.auth-page{place-items:center;min-height:100vh;padding:2rem 1.25rem;display:grid}.auth-card{border:1px solid var(--line);background:#ffffffeb;border-radius:1.4rem;width:min(100%,28rem);padding:1.5rem;box-shadow:0 1.2rem 3rem #1934221c}.brand-mark.large{width:3.4rem;height:3.4rem;margin-bottom:1.5rem;font-size:1.65rem}.auth-card>.eyebrow{color:var(--forest);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .55rem;font-size:.7rem;font-weight:850}.auth-card h1{letter-spacing:-.055em;margin:0;font-size:2rem;line-height:1.02}.auth-intro{color:var(--muted);margin:.85rem 0 1.5rem;font-size:.88rem;line-height:1.5}.auth-card form,.project-form{gap:1rem;display:grid}.auth-card label,.project-form label{color:#47544c;gap:.4rem;font-size:.75rem;font-weight:800;display:grid}input,select,textarea{width:100%;min-height:3.1rem;color:var(--ink);font:inherit;background:#fff;border:1px solid #c6d0c8;border-radius:.7rem;outline:none;padding:.7rem .8rem;font-size:.9rem}textarea{resize:vertical;min-height:6rem}input:focus,select:focus,textarea:focus{border-color:var(--forest);box-shadow:0 0 0 .2rem #1f5a3b1f}.primary-button,.outline-button{background:var(--forest);color:#fff;min-height:3.3rem;font:inherit;cursor:pointer;border:0;border-radius:.75rem;justify-content:center;align-items:center;padding:0 1rem;font-size:.85rem;font-weight:850;display:flex}.primary-button:disabled{opacity:.55;cursor:progress}.outline-button{color:var(--forest-dark);background:0 0;border:1px solid #bdc8bf}.outline-button.full{width:100%;margin-top:1rem}.primary-button.compact{white-space:nowrap;min-height:2.9rem}.form-error{color:#8a3328;background:#fde8e4;border-radius:.65rem;margin:0;padding:.75rem;font-size:.78rem}.settings-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:1rem;margin-top:1.5rem;padding:1.25rem}.profile-large{width:4rem;height:4rem;color:var(--forest);background:#e2e9e2;border-radius:50%;place-items:center;margin:0 auto .8rem;font-size:1.2rem;font-weight:900;display:grid}.settings-card h2{margin:0;font-size:1.15rem}.settings-card>p{color:var(--muted);margin:.25rem 0 1.25rem;font-size:.78rem}.settings-card dl{text-align:left;margin:0}.settings-card dl div{border-top:1px solid #edf0ed;justify-content:space-between;padding:.8rem 0;font-size:.78rem;display:flex}.settings-card dt{color:var(--muted)}.settings-card dd{margin:0;font-weight:800}.admin-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.tabs{background:#e6ebe6;border-radius:.75rem;gap:.35rem;margin-top:1.5rem;padding:.3rem;display:flex;overflow-x:auto}.tabs a{color:#647067;text-align:center;border-radius:.55rem;flex:1 0 auto;padding:.65rem .8rem;font-size:.73rem;font-weight:800}.tabs a.active{color:var(--forest-dark);background:#fff;box-shadow:0 .1rem .45rem #1b322314}.admin-list{margin-top:1rem}.form-page{max-width:42rem}.project-form{border:1px solid var(--line);background:#ffffffe6;border-radius:1rem;margin-top:1.5rem;padding:1.15rem}.field-grid{gap:1rem;display:grid}.worksite-section{background:#f7f9f6;border:1px solid #d5ddd6;border-radius:.8rem;gap:.85rem;padding:1rem;display:grid}.worksite-section header h2{margin:0;font-size:1rem}.worksite-section header p,.lookup-status,.lookup-error,.verified-address,.coordinate-preview{color:var(--muted);margin:.25rem 0 0;font-size:.72rem;line-height:1.45}.address-search{gap:.55rem;display:grid;position:relative}.address-results{z-index:5;background:#fff;border:1px solid #c6d0c8;border-radius:.7rem;gap:1px;margin:-.25rem 0 0;padding:.3rem;list-style:none;display:grid;box-shadow:0 .8rem 2rem #17452e1f}.address-results button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;gap:.15rem;padding:.7rem;display:grid}.address-results button:hover,.address-results button:focus-visible{background:#edf3ed}.address-results span{color:var(--muted);font-size:.72rem}.postal-grid{gap:.75rem;display:grid}.verified-address{color:var(--forest);font-weight:800}.lookup-error{color:#8a3328}.confirmation-overlay{z-index:100;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:#070e0aad;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirmation-dialog{background:#fff;border-radius:1rem;width:min(100%,28rem);padding:1.25rem;box-shadow:0 1.5rem 5rem #0000004d}.confirmation-dialog h2{margin:0;font-size:1.2rem}.confirmation-dialog p{color:var(--muted);font-size:.82rem;line-height:1.55}.confirmation-dialog>div{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.project-form label>span{color:#89938c;font-weight:500}.project-form fieldset{border:1px solid #d5ddd6;border-radius:.8rem;margin:.25rem 0;padding:1rem}.project-form legend{padding:0 .35rem;font-size:.8rem;font-weight:850}.project-form fieldset>p{color:var(--muted);margin:0 0 .8rem;font-size:.72rem}.assignment-list{gap:.5rem;display:grid}.assignment-option{background:#f4f6f3;border-radius:.65rem;align-items:center;padding:.7rem;grid-template-columns:none!important;gap:.65rem!important;display:flex!important}.assignment-option input{width:1.1rem;min-height:1.1rem;accent-color:var(--forest)}.assignment-option>span{flex-direction:column;flex:1;gap:.15rem;display:flex}.assignment-option small{color:var(--muted);font-weight:500}@media (width>=620px){.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid .wide{grid-column:1/-1}.postal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.image-card-link{cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s;display:block}.image-card-link:hover{border-color:#b8c8bc;transform:translateY(-.12rem);box-shadow:0 .65rem 1.6rem #1c2f241a}.image-card-link:focus-visible{outline:.2rem solid var(--forest);outline-offset:.2rem}.image-card-link:active{transform:scale(.99)}.image-open-hint{border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;margin-top:.35rem;padding-top:.55rem;font-weight:800;display:flex;color:var(--forest)!important}.image-detail-page{padding-top:.65rem}.image-detail-heading{margin-bottom:1rem}.image-detail-heading .eyebrow{color:var(--forest);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .45rem;font-size:.68rem;font-weight:850}.image-detail-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,8vw,2.75rem);line-height:1.04}.image-detail-heading p:last-child{color:var(--muted);margin:.6rem 0 0;font-size:.86rem}.documentation-photo{background:#dfe5df;border-radius:1.25rem;overflow:hidden;box-shadow:0 1rem 2.5rem #1830211f}.documentation-photo img{object-fit:contain;background:#18231d;width:100%;max-height:70vh;display:block}.detail-grid{gap:1rem;margin-top:1rem;display:grid}.detail-card{border:1px solid var(--line);background:#ffffffeb;border-radius:1rem;padding:1.1rem}.detail-card .eyebrow{color:var(--forest);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .7rem;font-size:.66rem;font-weight:850}.metadata-list{gap:0;margin:0;display:grid}.metadata-list div{border-top:1px solid #edf0ed;grid-template-columns:minmax(7rem,.8fr) 1.4fr;gap:.8rem;padding:.68rem 0;font-size:.78rem;display:grid}.metadata-list div:first-child{border-top:0}.metadata-list dt{color:var(--muted)}.metadata-list dd{overflow-wrap:anywhere;margin:0;font-weight:750}.note-form{gap:.75rem;display:grid}.note-form label{font-size:.78rem;font-weight:800}.note-form textarea{min-height:8rem}.note-form footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.note-form footer span{color:var(--muted);font-size:.68rem}.save-confirmation{color:#23613d;background:#e4f2e7;border-radius:.65rem;margin:0;padding:.7rem .8rem;font-size:.76rem;font-weight:750}@media (width>=720px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card.note-card{grid-column:1/-1}}
