:root { --ink:#20201d; --muted:#79766f; --paper:#f4efe7; --card:#fffdf8; --line:#ded7cc; --coral:#d96f52; --chevaux:#a86b4b; --commander:#53766c; --fallback:#5b6e9d; --personal:#a47a98; --serif:Georgia,"Times New Roman",serif; --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
*{box-sizing:border-box} html{background:#d9d4cc} body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--paper);min-height:100vh} button,input,textarea{font:inherit;color:inherit}.app-shell{width:min(100%,480px);min-height:100vh;margin:auto;background:var(--paper);position:relative;padding:env(safe-area-inset-top) 0 calc(92px + env(safe-area-inset-bottom));box-shadow:0 0 50px #4442}.topbar{padding:30px 22px 18px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;margin:0 0 7px;color:var(--muted)}h1{font:42px/1 var(--serif);font-weight:400;margin:0;letter-spacing:-.04em}.avatar-button{width:48px;height:48px;border:1px solid #fff8;border-radius:50%;background:linear-gradient(145deg,#d79b79,#805645);color:white;font-weight:700;box-shadow:0 4px 14px #4a2d2230}.view{display:none}.view.active{display:block}.search-wrap{margin:0 20px 15px;height:50px;border:1px solid var(--line);background:#ffffff94;border-radius:15px;display:flex;gap:10px;align-items:center;padding:0 15px}.search-wrap span{font-size:24px;color:var(--muted)}.search-wrap input{border:0;outline:0;background:transparent;width:100%;font-size:15px}.business-filters{display:flex;overflow-x:auto;gap:8px;padding:0 20px 15px;scrollbar-width:none}.filter{height:38px;white-space:nowrap;border:1px solid var(--line);border-radius:20px;background:transparent;padding:0 13px;display:flex;gap:7px;align-items:center;font-size:12px;font-weight:650}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.filter-mark,.mini-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.filter-mark.all{background:conic-gradient(var(--chevaux) 0 25%,var(--commander) 0 50%,var(--fallback) 0 75%,var(--personal) 0)}.chevaux{background-color:var(--chevaux)}.commander{background-color:var(--commander)}.fallback{background-color:var(--fallback)}.personal{background-color:var(--personal)}.section-heading{padding:4px 22px 10px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.section-heading div{font-weight:700;color:var(--ink)}.contact-list{padding:0 14px}.contact-card{min-height:76px;padding:10px 8px;display:flex;align-items:center;border-bottom:1px solid var(--line);cursor:pointer;border-radius:12px}.contact-card:focus-visible{outline:2px solid var(--fallback)}.contact-avatar{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font:19px var(--serif);color:#3a302a;flex:none}.tone-0{background:#e8c8b2}.tone-1{background:#cbdcce}.tone-2{background:#ced4e6}.tone-3{background:#e3d0db}.tone-4{background:#dfd5b7}.contact-copy{padding-left:12px;min-width:0;flex:1}.contact-copy h3{margin:0 0 4px;font:18px var(--serif)}.contact-copy p{margin:0 0 6px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-dots{display:flex;gap:4px}.mini-dot{width:6px;height:6px}.star{border:0;background:transparent;width:44px;height:44px;font-size:24px;color:#a8a39b}.star.selected{color:#c29032}.empty-state{text-align:center;padding:52px 30px;color:var(--muted)}.empty-state h2{font:25px var(--serif);color:var(--ink);margin:14px 0 6px}.empty-state p{font-size:14px;line-height:1.5}.empty-icon{width:58px;height:58px;border-radius:50%;background:#e7e0d6;margin:auto;display:grid;place-items:center;font-size:26px}.hidden{display:none!important}.intro{margin:3px 22px 18px;color:var(--muted);font:17px/1.4 var(--serif)}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:76px;padding:7px 36px calc(7px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;background:#f9f5eeeF;backdrop-filter:blur(18px);border-top:1px solid #d6d0c6}.nav-item{width:76px;min-height:58px;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:650;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center}.nav-item span{font-size:22px}.nav-item.active{color:var(--ink)}.fab{position:fixed;z-index:6;bottom:88px;left:calc(50% + min(210px, 43vw) - 57px);width:56px;height:56px;border:0;border-radius:50%;background:var(--coral);color:white;font-size:34px;font-weight:300;box-shadow:0 10px 24px #9d452f55}.sheet{width:min(100%,480px);max-height:92vh;margin:auto auto 0;border:0;border-radius:26px 26px 0 0;background:var(--card);padding:0 20px 26px;color:var(--ink)}.sheet::backdrop{background:#27241f88;backdrop-filter:blur(3px)}.sheet-handle{width:38px;height:4px;border-radius:3px;background:#cfc8bd;margin:9px auto 12px}.sheet-top,.detail-actions-top{min-height:46px;display:flex;justify-content:space-between;align-items:center}.sheet-top h2{font:20px var(--serif)}.text-button,.icon-button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--coral)}.text-button.strong{font-weight:700}.icon-button{font-size:26px;color:var(--ink)}#contact-form label:not(.check-row){display:block;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.08em;margin:14px 0 0}#contact-form input:not([type=checkbox]),#contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 1px;font-size:16px;outline:0;resize:none}#contact-form input:focus,#contact-form textarea:focus{border-color:var(--coral)}.field-error{margin:5px 0;color:#b44335;font-size:12px}fieldset{border:0;margin:20px 0 0;padding:0}legend{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.08em;margin-bottom:5px}.check-row{height:45px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-size:14px}.check-row input{width:18px;height:18px;accent-color:var(--ink)}.detail-avatar{width:78px;height:78px;border-radius:25px;background:#dfd5b7;display:grid;place-items:center;margin:2px auto 12px;font:28px var(--serif)}#contact-detail>h2{text-align:center;font:30px var(--serif);margin:0}.detail-company{text-align:center;color:var(--muted);font-size:13px}.detail-businesses{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.business-pill{border-radius:12px;padding:5px 9px;color:white;font-size:10px;font-weight:700}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 16px}.quick-action{height:62px;border:1px solid var(--line);border-radius:15px;text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;color:var(--ink)}.quick-action span{font-size:21px}.quick-action.disabled{pointer-events:none;opacity:.35}.detail-fields{border-top:1px solid var(--line)}.detail-fields>*{display:block;text-decoration:none;color:var(--ink);padding:13px 2px;border-bottom:1px solid var(--line);font-size:14px}.detail-fields small{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted);margin-bottom:4px}.danger,.secondary{min-height:46px;border-radius:12px;margin-top:20px;width:100%;background:transparent;border:1px solid var(--line)}.danger{color:#b44335}.settings-card{margin:0 20px 18px;padding:25px;background:var(--ink);color:white;border-radius:24px}.settings-card h2{font:29px var(--serif);margin:6px 0 10px}.settings-card>p:last-child{font-size:13px;color:#d0cbc1;line-height:1.55}.brand-legend{margin:0 20px;padding:4px 10px}.brand-legend h3{font:22px var(--serif);font-weight:400}.brand-legend>div{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);min-height:62px}.brand-legend .filter-mark{width:13px;height:13px}.brand-legend p{margin:0}.brand-legend strong,.brand-legend small{display:block}.brand-legend small{color:var(--muted);margin-top:3px}.secondary.wide{width:calc(100% - 40px);margin:20px}.wide{background:#fff8}
.bottom-nav{padding-left:8px;padding-right:8px;justify-content:space-around}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.toggle-row{min-height:52px;display:flex!important;flex-direction:row!important;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-size:14px!important;letter-spacing:0!important;color:var(--ink)!important}.toggle-row input{width:20px;height:20px;accent-color:var(--coral)}.followup-list{padding:0 18px}.followup-card{min-height:78px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);cursor:pointer}.followup-card:focus-visible{outline:2px solid var(--fallback)}.followup-date{width:47px;height:53px;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff8}.followup-date strong{font:21px var(--serif)}.followup-date span{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:700}.followup-card>div:nth-child(2){flex:1}.followup-card h3{font:18px var(--serif);margin:0 0 4px}.followup-card p{font-size:12px;color:var(--muted);margin:0}
.quick-actions{grid-template-columns:repeat(3,1fr)}
.settings-group{margin:14px 20px;padding:22px 18px;background:#fffaf4;border:1px solid var(--line);border-radius:20px}.settings-group h3{font:25px var(--serif);margin:4px 0 7px}.settings-help{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 15px}.settings-actions{border-top:1px solid var(--line)}.setting-button{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:7px 0}.setting-button>span{width:34px;height:34px;border-radius:11px;background:#eee7dd;display:grid;place-items:center;font-size:17px}.setting-button>div{flex:1}.setting-button strong,.setting-button small{display:block}.setting-button strong{font-size:14px}.setting-button small{color:var(--muted);font-size:11px;margin-top:3px}.settings-message{position:sticky;bottom:84px;margin:12px 20px;padding:12px 14px;border-radius:12px;background:var(--ink);color:white;font-size:12px;z-index:4}.lock-screen{position:fixed;inset:0;z-index:100;background:var(--paper);display:grid;place-items:center;padding:24px}.lock-card{width:min(100%,340px);text-align:center}.lock-mark{width:76px;height:76px;border-radius:24px;background:var(--ink);color:white;display:grid;place-items:center;margin:0 auto 26px;font:26px var(--serif)}.lock-card h2{font:34px var(--serif);margin:5px 0}.lock-card>p:not(.eyebrow):not(.field-error){color:var(--muted);font-size:13px}.lock-card form{display:flex;gap:8px;margin-top:22px}.lock-card input,.passcode-input{height:50px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:0 14px;font-size:17px;min-width:0;flex:1}.lock-card button,.primary{min-height:50px;border:0;border-radius:13px;background:var(--ink);color:white;padding:0 18px;font-weight:700}.compact-sheet{padding-bottom:28px}.compact-sheet h2{font:28px var(--serif);margin:8px 0}.passcode-input{width:100%;display:block}.dialog-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.dialog-buttons .secondary{margin:0}.dialog-buttons .primary{width:100%}
.nav-item{position:relative}.nav-badge{position:absolute;top:2px;right:7px;min-width:17px;height:17px;border-radius:9px;background:var(--coral);color:white;font-size:9px;display:grid;place-items:center;padding:0 4px}
@media(max-width:340px){.topbar{padding-left:16px;padding-right:16px}h1{font-size:36px}.business-filters{padding-left:16px}.contact-list{padding:0 8px}.bottom-nav{padding-left:2px;padding-right:2px}.nav-item{width:66px}.fab{left:auto;right:14px}.contact-avatar{width:47px;height:47px}.date-grid{grid-template-columns:1fr}}
.app-shell,.bottom-nav,.sheet{max-width:390px}.bottom-nav{left:0;right:0;transform:none;margin:auto}.fab{left:auto;right:max(16px,calc((100vw - 390px)/2 + 16px))}
@media(min-width:600px){body{padding:24px}.app-shell{border-radius:28px;overflow:hidden;min-height:calc(100vh - 48px)}.topbar{padding-top:36px}.bottom-nav{bottom:24px;border-radius:0 0 28px 28px}.fab{bottom:112px}.sheet{margin:auto;border-radius:26px;max-width:480px}}