:root{--flint: #20261f;--limestone: #eeefea;--moss: #31543d;--brass: #a98336;--mortar: #d4d3c8;--stone: #e2e1d8;--display: "Marcellus", serif;--body: "Albert Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0}body{background:var(--limestone);color:var(--flint);font-family:var(--body);line-height:1.6;font-size:16px}a{color:var(--moss)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.wrap{max-width:880px;margin:0 auto;padding:0 24px}header.app-header{border-bottom:1px solid var(--mortar)}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.wordmark{font-family:var(--display);font-size:20px;letter-spacing:.06em;text-transform:uppercase}.nav .who{font-family:var(--mono);font-size:12px;color:#6a705f;display:flex;align-items:center;gap:14px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--moss)}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:.01em}main{padding:48px 0 72px}.btn{display:inline-block;padding:11px 20px;border-radius:3px;font-weight:600;font-size:15px;font-family:var(--body);border:1px solid var(--moss);cursor:pointer;background:transparent;color:var(--moss)}.btn.primary{background:var(--moss);color:#fff}.btn.primary:hover{background:#274531}.btn.quiet{border-color:transparent;padding:6px 10px;font-weight:500}.signin-card{margin-top:64px;text-align:center}.signin-card h1{font-size:clamp(30px,5vw,44px);margin:8px 0 14px}.signin-card p{color:#3c4239;max-width:46ch;margin:0 auto 26px}.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.area-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;padding:6px;background:var(--mortar);border-radius:4px;margin-top:24px}.area-block{background:var(--stone);border-radius:2px;padding:16px 14px;min-height:96px;display:flex;flex-direction:column;justify-content:flex-end;border-left:3px solid var(--area-color, var(--moss))}.area-block .t{font-family:var(--display);font-size:16px;letter-spacing:.08em;text-transform:uppercase}.area-block .g{font-family:var(--mono);font-size:11px;color:#6a705f;letter-spacing:.06em}.empty-state{margin-top:24px;border:1px dashed var(--mortar);border-radius:4px;padding:40px 24px;text-align:center;color:#6a705f}.add-area{margin-top:36px;border-top:1px solid var(--mortar);padding-top:24px}.add-area form{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.add-area input{flex:1;min-width:200px;padding:11px 14px;border-radius:3px;border:1px solid var(--mortar);background:#fff;font-size:15px;font-family:var(--body)}.status-line{font-family:var(--mono);font-size:12px;color:#6a705f;margin-top:12px}.status-line.error{color:#8a3b2e}