@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--paper:#f4f2ec;--white:#fffefa;--ink:#262b28;--muted:#82867f;--line:#e5e3db;--green:#3e6454;--green-dark:#304e41;--rust:#bc6c4f;--sage:#e6ece5;--shadow:0 18px 45px rgba(38,43,40,.06);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}button,input,textarea,select{font:inherit}.topbar{height:74px;border-bottom:1px solid rgba(38,43,40,.09);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1080px)/2),28px);background:rgba(255,254,250,.55)}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px;font:600 20px 'Playfair Display',serif;letter-spacing:-.4px}.brand-mark{height:31px;width:31px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font:600 16px 'Playfair Display',serif}.top-actions{display:flex;align-items:center;gap:20px}.offline-indicator{font-size:11px;color:#6f776f;display:flex;align-items:center;gap:8px}.offline-indicator i{width:7px;height:7px;background:#73a47f;border-radius:50%;box-shadow:0 0 0 3px #e1ece2}.shell{max-width:820px;margin:0 auto;padding:66px 24px 0}.intro{text-align:center;margin-bottom:38px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:var(--green);text-transform:uppercase}.intro h1{font:500 clamp(39px,7vw,58px)/1.08 'Playfair Display',serif;letter-spacing:-1.5px;margin:17px 0 12px}.intro h1 em{color:var(--green);font-weight:500}.intro p{max-width:435px;margin:0 auto;color:#737770;font-size:13px;line-height:1.7}.capture-card{background:var(--white);padding:30px 34px 0;border:1px solid rgba(43,54,47,.08);border-radius:7px;box-shadow:var(--shadow)}.capture-heading,.saved-heading{display:flex;align-items:center;justify-content:space-between}.capture-heading h2,.saved-heading h2{font:500 24px 'Playfair Display',serif;margin:5px 0 22px;letter-spacing:-.3px}.step-tag{font-size:9px;color:#9ba099;letter-spacing:1.2px;font-weight:600;margin-top:-14px}.field-label{display:block;font-size:10px;letter-spacing:.2px;font-weight:700;color:#414842;margin-bottom:8px}.field-label span{font-size:10px;font-weight:400;color:#969a93;margin-left:5px;letter-spacing:0}.field-label b{color:var(--rust)}.url-row{display:flex;gap:8px}.url-row input{flex:1}.button{border:0;border-radius:4px;cursor:pointer;font-size:10px;font-weight:600;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button.dark{background:var(--green);color:white;padding:0 17px}.button.dark:hover{background:var(--green-dark)}.button.dark span,.button.terracotta span{margin-left:12px;font-size:15px;vertical-align:-1px}.input-note{font-size:10px;color:#969a93;margin-top:7px}.import-status{font-size:10px;color:var(--green);min-height:15px;margin-top:6px}.field-grid{display:grid;grid-template-columns:1.8fr 1fr .7fr .7fr 1fr 1.4fr;gap:10px;margin-top:12px}.field-grid label,.secondary-grid label{min-width:0}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:4px;background:#fff;padding:11px 10px;color:var(--ink);font-size:11px;outline:none;transition:border .2s}input:focus,select:focus,textarea:focus{border-color:#91a99a}input::placeholder,textarea::placeholder{color:#adb0aa}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 4 4 4-4' stroke='%237B817A' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.secondary-grid{grid-template-columns:1fr 1fr;margin-top:15px}.notes-label{margin-top:15px}textarea{resize:vertical;min-height:75px;line-height:1.5}.photo-section{margin-top:17px}.photo-title{display:flex;align-items:center;justify-content:space-between}.photo-title .field-label{margin:0}.button.outline{background:white;border:1px solid var(--line);padding:8px 12px;color:#535b54}.button.outline span{font-size:15px;margin-left:6px;vertical-align:-1px}.photo-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.photo-empty{height:53px;flex:1;min-width:180px;border:1px dashed #d8dbd3;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:10px;color:#a1a59e;font-size:9px}.photo-icon{font-size:20px;color:#9aaa9b}.photo-thumb{width:72px;height:58px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}.form-footer{margin:24px -34px 0;padding:15px 34px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.form-footer>span{font-size:9px;color:#969a93}.button.terracotta{background:var(--rust);color:white;padding:11px 16px}.button.terracotta:hover{background:#a85a3e}.saved-section{margin-top:42px}.saved-heading h2{margin-bottom:16px}.saved-heading h2 span{font:500 10px 'DM Sans',sans-serif;color:#9a9e97;background:#e9e8e1;border-radius:20px;padding:4px 7px;vertical-align:4px;margin-left:3px}.button.quiet{background:transparent;color:#696f68;padding:8px}.button.quiet:hover{background:#e9e8e1}.empty-state{text-align:center;background:rgba(255,254,250,.5);border:1px dashed #d9d8d0;border-radius:6px;padding:34px 16px 38px}.empty-mark{font:32px 'Playfair Display',serif;color:#7f9a86;display:block}.empty-state h3{font:500 17px 'Playfair Display',serif;margin:9px 0 5px}.empty-state p{font-size:10px;color:#8b9089;margin:0}.listing-card{background:var(--white);border:1px solid rgba(43,54,47,.08);border-radius:6px;margin-bottom:12px;overflow:hidden;box-shadow:0 6px 18px rgba(38,43,40,.035)}.listing-main{padding:17px 20px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.listing-address{font:500 19px 'Playfair Display',serif;margin:0 0 6px}.listing-meta{font-size:10px;color:#747a73;display:flex;gap:13px;flex-wrap:wrap}.listing-price{font:500 20px 'Playfair Display',serif;color:var(--green);white-space:nowrap}.listing-type{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#7f897e;margin-top:5px}.listing-photos{display:flex;gap:4px;overflow:auto;padding:0 20px 14px}.listing-photos img{width:86px;height:60px;object-fit:cover;border-radius:3px}.listing-notes{font-size:10px;line-height:1.55;color:#6c726a;padding:0 20px 14px;white-space:pre-wrap}.listing-controls{display:flex;gap:5px}.icon-button{border:0;background:transparent;color:#8a8f87;cursor:pointer;font-size:15px;padding:4px 6px}.icon-button:hover{color:var(--rust)}footer{display:flex;justify-content:space-between;border-top:1px solid rgba(38,43,40,.1);margin-top:49px;padding:18px 0 22px;color:#999d96;font-size:8px;letter-spacing:.8px}footer span:last-child{letter-spacing:0;text-transform:none;font-size:9px}.footer-dot{color:var(--rust);margin:0 5px}dialog{border:0;border-radius:8px;padding:28px;max-width:min(600px,90vw);box-shadow:0 20px 70px #18201955;color:var(--ink)}dialog::backdrop{background:#1e292380}.dialog-close{float:right;border:0;background:transparent;font-size:25px;cursor:pointer}.dialog-actions{display:flex;gap:8px;margin-top:18px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#2e493c;color:white;padding:11px 16px;border-radius:5px;font-size:11px;box-shadow:var(--shadow);z-index:5}.import-warning{color:#94724a}.install-button{border:1px solid var(--line)}
@media(max-width:700px){.shell{padding:48px 16px 0}.topbar{padding:0 17px;height:62px}.offline-indicator{font-size:0}.offline-indicator i{margin-right:2px}.vault-action{font-size:0;padding:8px}.vault-action:after{content:'Vault';font-size:10px}.version-badge{font-size:8px}.capture-card{padding:24px 19px 0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-grid label:first-child{grid-column:span 2}.field-grid label:nth-child(6){grid-column:span 2}.secondary-grid{grid-template-columns:1fr 1fr}.form-footer{margin-left:-19px;margin-right:-19px;padding:13px 19px}.form-footer>span{max-width:120px;line-height:1.4}.url-row{flex-direction:column}.url-row .button{padding:12px}.capture-heading h2{font-size:22px}.saved-heading h2{font-size:22px}footer{font-size:7px}.listing-main{padding:15px}.listing-photos,.listing-notes{padding-left:15px;padding-right:15px}}
.version-badge{font:600 9px 'DM Sans',sans-serif;letter-spacing:.2px;color:var(--green);background:var(--sage);border-radius:12px;padding:4px 7px;margin-left:1px}.vault-action{border:1px solid var(--line);font-size:9px}.vault-dialog{max-width:min(480px,92vw);padding:30px}.vault-dialog h2{font:500 27px 'Playfair Display',serif;margin:12px 0}.vault-dialog p{font-size:12px;line-height:1.65;color:#686f68}.vault-support-note{background:#f4f2ec;padding:11px;border-radius:4px}.vault-dialog .dialog-actions{flex-wrap:wrap}.vault-dialog .button{padding:11px 14px}.vault-dialog .button.terracotta{color:white}.vault-action.connected{color:var(--green);border-color:#b8c9bb}