:root {
  --bg: #f5f2ec;
  --panel: #fdfcf8;
  --ink: #23211f;
  --ink-soft: #4b4945;
  --muted: #858078;
  --line: #e3ded5;
  --clay: #aa8c79;
  --clay-pale: #e6d9ce;
  --stone: #eeeae3;
  --shade: 0 12px 40px rgba(55, 47, 38, .065);
  --radius: 20px;
  --nav-h: 76px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}
* { box-sizing: border-box; }
html,body { margin:0; min-height:100%; }
body { color:var(--ink); background:var(--bg); font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial,sans-serif; -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; -webkit-tap-highlight-color:transparent; }
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {outline:2px solid #926b50; outline-offset:3px;}
button:disabled { opacity:.45; cursor:not-allowed; }
.svg-sprite { width:0; height:0; position:absolute; overflow:hidden; }
.ico { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0; }
.app-shell {max-width:520px; margin:0 auto; min-height:100dvh; padding:0 20px calc(var(--nav-h) + var(--safe-bottom) + 20px); position:relative; }
@media(min-width:650px){body{background:#e9e3db}.app-shell{background:var(--bg);box-shadow:0 0 0 1px rgba(65,55,45,.1),0 10px 70px rgba(45,34,25,.07)}}
.screen {animation:enter .24s ease both;}
@keyframes enter {from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.top {height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;}
.brand {font-family:Georgia,"Times New Roman",serif;font-size:33px;letter-spacing:-1.2px;font-weight:400;}
.brand span,.loading-mark span {color:#b18c77;}
.top-action {height:40px;min-width:40px;border-radius:13px;border:1px solid var(--line);background:var(--panel);color:var(--ink);display:flex;align-items:center;justify-content:center;}
.eyebrow {font-size:11px;line-height:1.5;color:var(--muted);letter-spacing:2.3px;text-transform:uppercase;font-weight:700;}
.h1 {font-family:Georgia,"Times New Roman",serif;font-size:39px;font-weight:400;line-height:1.07;letter-spacing:-1.45px;margin:10px 0 11px;}
.lead {font-size:15px;color:var(--ink-soft);line-height:1.55; margin:0;}
.greeting {padding:18px 1px 30px;}
.hero {background:#2c2926;color:#fdfaf5;border-radius:24px;min-height:192px;padding:25px 24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;isolation:isolate;box-shadow:var(--shade);}
.hero::before {content:"";position:absolute;z-index:-1;width:280px;height:280px;border:1px solid rgba(249,242,233,.18);border-radius:50%;right:-125px;top:-118px;box-shadow:0 0 0 36px rgba(255,255,255,.025),0 0 0 78px rgba(255,255,255,.018);}
.hero-kicker {color:#d6c5b6;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:650;}
.hero h2 {font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.1;margin:12px 0;letter-spacing:-.55px;max-width:260px;}
.hero-bottom {display:flex;align-items:center;justify-content:space-between;gap:14px;}
.hero-bottom p {font-size:12px;color:#cec7bf;max-width:190px;line-height:1.55;margin:0;}
.round-link {border:0;border-radius:100px;background:#f9f5ee;color:#25221e;width:45px;height:45px;display:flex;align-items:center;justify-content:center;}
.section-heading {display:flex;justify-content:space-between;align-items:center;gap:15px;margin:29px 1px 13px;}
.section-heading h2 {font-size:16px;margin:0;font-weight:650;letter-spacing:-.25px;}
.mini-link {border:0;padding:7px 0;color:#7c6c60;background:none;font-size:12px;}
.feature-list {display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.feature {border:1px solid var(--line);border-radius:18px;background:var(--panel);text-align:left;min-height:139px;padding:16px;display:flex;flex-direction:column;gap:7px;box-shadow:0 2px 7px rgba(41,35,25,.025);}
.feature .ico {width:24px;height:24px;color:#8b7564;}
.feature-title {font-weight:650;font-size:15px;margin-top:auto;}
.feature-caption {font-size:12px;color:var(--muted);}
.text-block {background:var(--stone);color:var(--ink-soft);border-radius:18px;padding:18px 18px;line-height:1.55;font-size:13px;margin-top:20px;}
.bottom-nav {position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:calc(var(--nav-h) + var(--safe-bottom));background:rgba(253,252,249,.96);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);align-items:start; padding:10px 12px calc(6px + var(--safe-bottom));backdrop-filter:blur(14px);}
.nav-btn {display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background:none;color:#9a948b;gap:5px;font-size:10px;min-height:52px;padding:4px 0;}
.nav-btn .ico {width:21px;height:21px;stroke-width:1.55;}
.nav-btn.active {color:#1c1b1a;font-weight:700;}
.nav-btn.active .ico{stroke-width:2.1;}
.page-head {padding:16px 1px 17px;}
.page-head h1 {font-family:Georgia,serif;font-weight:400;font-size:36px;line-height:1.15;letter-spacing:-1px;margin:0 0 8px;}
.page-head p {color:var(--muted);font-size:13px;margin:0;line-height:1.5;}
.pill-line {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:17px;}
.pill {border:1px solid var(--line);background:#ede9e1;color:var(--ink-soft);padding:8px 13px;border-radius:999px;font-size:12px;display:inline-flex;align-items:center;gap:5px;}
.pill .ico{width:13px;height:13px;}
.photo-card {height:min(60dvh,560px);min-height:340px;position:relative;background:linear-gradient(145deg,#948676,#504943);border-radius:23px;overflow:hidden;isolation:isolate;box-shadow:var(--shade);}
.photo-card:before {content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 32%,rgba(0,0,0,.80) 100%);z-index:1;pointer-events:none;}
.photo-card img {width:100%;height:100%;object-fit:cover;display:block;}
.photo-fallback {height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 30%,#c2ae98 0,#988676 31%,#504943 80%);color:rgba(255,255,255,.4);font-family:Georgia,serif;font-size:145px;}
.photo-info {position:absolute;z-index:2;bottom:0;left:0;right:0;padding:25px;color:#fff;}
.photo-info h2 {font-size:28px;margin:0 0 8px;font-weight:650;letter-spacing:-.8px;}
.photo-info p {font-size:13px;line-height:1.5;max-width:320px;margin:8px 0 0;color:#eee7df;}
.photo-info .location {display:flex;align-items:center;gap:5px;font-size:13px;color:#ded7cf;}
.photo-info .location .ico{height:14px;width:14px;}
.decision-row {display:flex;align-items:center;justify-content:center;gap:25px;margin:20px 0 14px;}
.decision {height:64px;width:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #dbd5cc;background:#fffefa;color:#514b47;box-shadow:0 4px 20px rgba(38,30,20,.055);transition:transform .12s ease;}
.decision:active {transform:scale(.91)}
.decision .ico{width:27px;height:27px;}
.decision.like {background:#282523;border-color:#282523;color:#f8f4ee;height:77px;width:77px;}
.decision.like .ico{height:33px;width:33px;}
.button-primary {border:0;border-radius:15px;background:#2b2724;color:#fff;padding:15px 19px;min-height:50px;font-weight:650;font-size:14px;}
.button-secondary {border:1px solid #d7d1c8;background:#fffdfa;color:#2d2927;padding:14px 18px;border-radius:15px;min-height:48px;}
.button-danger {color:#9f4c41;border:1px solid #dfc1b9;background:transparent;border-radius:13px;padding:12px 16px;}
.btn-wide {width:100%;display:flex;justify-content:center;align-items:center;gap:8px;}
.empty {background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:33px 24px;text-align:center;line-height:1.6;color:var(--muted);}
.empty .ico {width:32px;height:32px;color:var(--clay);margin-bottom:8px;}
.empty strong {display:block;color:var(--ink);font-size:18px;margin-bottom:8px;}
.empty p{margin:0 0 18px;font-size:13px;}
.people {display:flex;flex-direction:column;gap:10px;}
.person-row {border:1px solid var(--line);border-radius:16px;background:var(--panel);min-height:80px;padding:10px 13px;display:flex;align-items:center;gap:13px;text-align:left;width:100%;}
.avatar {width:55px;height:55px;border-radius:12px;object-fit:cover;background:linear-gradient(125deg,#d3bea9,#897c70);display:flex;align-items:center;justify-content:center;color:#f6eee5;font-family:Georgia,serif;font-size:28px;flex-shrink:0;}
.person-info{flex:1;min-width:0;}
.person-info strong {font-size:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.person-info small{font-size:12px;color:var(--muted);display:block;margin-top:5px;}
.person-row .ico {width:18px;height:18px;color:#998b7b;}
.profile-photo {width:100%;height:220px;border-radius:18px;overflow:hidden;background:linear-gradient(125deg,#c3b49f,#897c70);display:flex;align-items:center;justify-content:center;color:#faf4ea;font-size:76px;font-family:Georgia,serif;}
.profile-photo img{width:100%;height:100%;object-fit:cover;}
.profile-title{display:flex;justify-content:space-between;align-items:start;margin:20px 0 16px;gap:10px;}
.profile-title h2{font-size:23px;letter-spacing:-.5px;margin:0;}
.profile-title p{color:var(--muted);font-size:13px;margin:7px 0 0;}
.flag {font-size:11px;background:var(--clay-pale);color:#6e5d4e;border-radius:99px;padding:7px 10px;white-space:nowrap;}
.form-card {border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:16px;margin:12px 0;}
.field {display:flex;flex-direction:column;gap:7px;margin:0 0 17px;}
.field:last-child{margin-bottom:0;}
.field label,.field-label {font-size:12px;color:#655d54;font-weight:650;}
.field input,.field textarea,.field select {width:100%;border:1px solid #e0dcd3;border-radius:12px;padding:13px 14px;background:#fff;color:var(--ink);outline:none;font-size:14px;}
.field textarea{resize:vertical;min-height:90px;line-height:1.5;}
.field-help{color:var(--muted);font-size:11px;line-height:1.5;}
.switch-row {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.switch-row strong {font-size:14px;}
.switch-row small {display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.45;max-width:255px;}
.switch{appearance:none;-webkit-appearance:none;width:43px;height:25px;background:#d3cdc3;border-radius:99px;border:0;position:relative;flex-shrink:0;cursor:pointer;transition:background .18s;}
.switch:before{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 4px #0002;}
.switch:checked{background:#907967;}.switch:checked:before{transform:translateX(18px);}
.chat-screen{min-height:calc(100dvh - var(--nav-h) - var(--safe-bottom) - 18px);display:flex;flex-direction:column;}
.chat-top{display:flex;align-items:center;gap:11px;padding:17px 0 15px;border-bottom:1px solid var(--line);}
.chat-top .avatar{width:42px;height:42px;border-radius:50%;font-size:24px;}
.chat-top h2{font-size:16px;margin:0 0 4px;}.chat-top small{color:var(--muted);font-size:11px;}
.chat-head-action{margin-left:auto;border:1px solid var(--line);width:38px;height:38px;border-radius:12px;background:transparent;display:grid;place-items:center;}
.chat-back{border:0;background:none;color:var(--ink);padding:6px;}
.chat-body{flex:1;min-height:300px;max-height:calc(100dvh - 280px);overflow-y:auto;padding:17px 0;display:flex;flex-direction:column;gap:9px;overscroll-behavior:contain;}
.bubble{font-size:14px;line-height:1.43;padding:11px 13px 9px;max-width:83%;width:fit-content;border-radius:14px;word-break:break-word;white-space:pre-wrap;background:#e9e3d9;color:#282523;}
.bubble.mine{align-self:flex-end;background:#44392f;color:#faf6f2;}
.bubble.theirs{align-self:flex-start;}
.bubble time{display:block;text-align:right;color:inherit;opacity:.58;font-size:10px;margin-top:5px;}
.chat-compose{border-top:1px solid var(--line);display:flex;gap:8px;padding:11px 0;background:var(--bg);}
.chat-compose input{flex:1;min-width:0;outline:0;border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:13px;color:var(--ink);}
.chat-compose button{display:grid;place-items:center;width:47px;min-width:47px;border:0;background:#302a26;color:white;border-radius:13px;}
.chat-note{font-size:11px;line-height:1.4;color:var(--muted);padding-bottom:8px;text-align:center;}
.demo-banner{background:#efe2ce;color:#6b543f;padding:9px 12px;border-radius:10px;font-size:11px;line-height:1.5;margin-top:5px;}
.chat-menu{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:9px 0;}
.chat-menu button{font-size:11px;border:0;padding:9px 11px;background:var(--stone);color:#655d55;border-radius:10px;}
.loading-mark{font-family:Georgia,serif;font-size:48px;letter-spacing:-1.5px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;}
#toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 15px);transform:translateX(-50%);z-index:30;background:#2a2522;color:#fff;padding:12px 16px;border-radius:12px;font-size:13px;max-width:min(90%,430px);width:max-content;box-shadow:var(--shade);opacity:0;pointer-events:none;transition:opacity .2s ease;}
#toast.show{opacity:1;}

[hidden] {display:none!important;}
/* Amévi v0.7 · a quieter profile, without generic interest tags */
.profile-about-head h3{font-size:19px;letter-spacing:-.45px;margin:0 0 6px;font-weight:650;}
.profile-about-head p{font-size:12px;line-height:1.5;margin:0 0 14px;color:var(--muted);}
.about-muted{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 15px;}
.about-summary{background:var(--panel);border-radius:16px;padding:12px 14px;margin:12px 0 18px;border:1px solid var(--line);}
.profile-about .about-summary{border:0;padding:0;margin:0 0 16px;background:transparent;}
.intent-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px;}
.intent-tags span{background:#eee8df;color:#665648;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:600;}
.about-summary-row{padding:8px 0;display:flex;flex-direction:column;gap:5px;border-top:1px solid #ede9e2;line-height:1.5;}
.about-summary-row small{color:var(--muted);font-size:11px;}
.about-summary-row span{font-size:13px;color:var(--ink);}
.about-screen{min-height:calc(100dvh - 70px);padding:10px 0 30px;display:flex;flex-direction:column;}
.about-toolbar{display:flex;align-items:center;gap:13px;min-height:56px;font-size:14px;font-weight:700;}
.about-back{display:grid;place-items:center;width:40px;height:40px;background:none;border:0;color:var(--ink);}
.about-exit{margin-left:auto;color:var(--muted);font-weight:500;background:none;border:0;font-size:12px;padding:9px;}
.about-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:14px 0 18px;}
.about-progress span{height:4px;background:#e4ded6;border-radius:99px;}
.about-progress span.on{background:#897566;}
.about-counter{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;margin-top:12px;}
.about-question{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,7vw,38px);letter-spacing:-1px;line-height:1.15;margin:13px 0;}
.about-hint{font-size:13px;color:var(--muted);line-height:1.55;margin:0 0 21px;}
.about-options{display:flex;flex-direction:column;gap:10px;}
.about-option{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:16px;padding:17px 16px;min-height:60px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);font-size:14px;line-height:1.4;}
.about-option strong{font-size:14px;display:block;font-weight:650;}
.about-option small{font-size:12px;display:block;margin-top:5px;color:var(--muted);}
.about-option .ico{width:18px;height:18px;color:#d5ccc1;opacity:.45;}
.about-option.selected{background:#e9e1d7;border-color:#9b8776;}
.about-option.selected .ico{color:#493e35;opacity:1;stroke-width:2.4;}
.about-options .field{margin:6px 0;}
.about-options textarea{min-height:90px;}
.about-limit{font-size:11px;color:var(--muted);}
.about-footer{margin-top:auto;padding-top:26px;display:flex;flex-direction:column;gap:8px;}
.about-footer .ico{width:16px;height:16px;}
.about-skip{border:0;padding:16px 10px;background:none;color:#81776c;font-size:13px;}

/* Amévi v0.8: separate matches from conversations */
.nav-btn{position:relative}
.nav-dot{position:absolute;top:0;right:23%;height:7px;width:7px;background:#9b654f;border:1px solid var(--panel);border-radius:50%}
.chat-search{margin:0 0 15px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:0 14px;height:47px;color:var(--muted)}
.chat-search .ico{width:18px;height:18px}
.chat-search input{border:0;outline:none;background:none;width:100%;min-width:0;color:var(--ink);font-size:14px}
.chat-list .person-row{align-items:center;min-height:82px}
.chat-snippet{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:48px;flex-shrink:0}
.chat-right time{font-size:10px;color:var(--muted);white-space:nowrap}
.unread-badge{font-size:11px;min-width:20px;height:20px;display:grid;place-items:center;background:#5c4a3d;color:#fff;border-radius:99px;padding:0 6px}
.match-toolbar{height:54px;display:flex;align-items:center;gap:9px;font-weight:650;font-size:14px}
.match-photo{width:100%;height:min(45dvh,410px);min-height:240px;background:#c5b8aa;border-radius:20px;overflow:hidden}
.match-photo img{height:100%;width:100%;object-fit:cover}
.match-initial{width:100%;height:100%;display:grid;place-items:center;font:96px Georgia,serif;color:#fff}
.match-name{margin:18px 0 3px;font-weight:650;font-size:27px;letter-spacing:-.7px}
.match-city{color:var(--muted);font-size:13px;margin:0 0 18px;display:flex;align-items:center;gap:6px}
.match-city .ico{height:15px;width:15px}
.match-section{border-top:1px solid var(--line);padding:18px 0 5px}
.match-section h2{font-size:15px;letter-spacing:-.1px;margin:0 0 9px}
.match-section p{font-size:14px;line-height:1.6;color:var(--ink-soft);margin:0 0 13px;white-space:pre-wrap;overflow-wrap:anywhere}
.match-section .about-summary{margin:7px 0 8px}
.match-actions{display:flex;flex-direction:column;gap:10px;margin:20px 0 12px}
.match-actions .ico{height:18px;width:18px}
.match-safety{font-size:11px;text-align:center;color:var(--muted);line-height:1.5;margin:15px 0 28px}
.chat-person-button{background:transparent;border:0;color:inherit;display:flex;align-items:center;gap:11px;text-align:left;min-width:0;flex:1;padding:0}
.chat-person-button span{min-width:0}
.chat-info-note{font-size:11px;color:var(--muted);text-align:center;margin:8px auto 16px;background:var(--stone);border-radius:99px;padding:8px 12px;align-self:center}
.chat-screen{min-height:calc(100dvh - 80px - var(--safe-bottom));}
.chat-body{max-height:none;min-height:140px;padding-bottom:25px}
@media(max-width:360px){.match-name{font-size:24px}.chat-person-button small{max-width:160px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}