:root{
  --ink:#151517;
  --muted:#6f7177;
  --line:#e5e5e8;
  --pink:#171719;
  --orange:#353538;
  --bg:#f3f3f5;
  --surface:#fff;
  --soft:#f7f7f8;
  --green:#168a55;
  --red:#d63b45;
  --amber:#d97706;
}
body{
  background:linear-gradient(145deg,#ececef 0%,#fafafa 46%,#e7e7ea 100%);
  color:var(--ink);
}
.app-shell{background:#fff;box-shadow:0 24px 80px #10101418}
.app-shell>header{
  background:#fffffff2;
  border-color:#e8e8eb;
  box-shadow:0 8px 28px #11111608;
}
.logo,.on-logo{
  background:#151517!important;
  border-radius:11px!important;
  box-shadow:0 7px 18px #1112;
}
.wordmark span,.eyebrow{color:#171719!important}
.avatar,.me{background:#18181a;border-color:#ededee;color:#fff}
.filter{
  background:#f7f7f8;
  border-color:#dedee1;
  color:#242427;
  box-shadow:none;
}
.profile-card{border-radius:24px;box-shadow:0 20px 48px #1111162b}
.profile-card .shade{background:linear-gradient(transparent 42%,#09090b66 68%,#09090bef)}
.fresh{background:#fffffff2;color:#222225;box-shadow:0 7px 22px #0002}
.tags span{background:#17171999;border-color:#ffffff4d}
.round{box-shadow:0 10px 28px #1111181f;border:1px solid #e7e7e9}
.round.like,.primary{
  background:#171719!important;
  color:#fff!important;
  box-shadow:0 8px 20px #1112;
}
.round.pass{color:#333;background:#fff}
.round.rewind{color:#555;background:#f3f3f4}
.like-quota,.count{
  background:#f1f1f2!important;
  color:#29292c!important;
  border-color:#dedee1!important;
}
.live-discovery{background:#f1faf5!important;border-color:#cce9da!important}
.live-discovery em,.live-discovery b{color:var(--green)!important}
.mini-card,.decision-item,.safety-center,.prompt-card,.response-rule,.reliability-card,.presence-policy{
  border-color:#e4e4e7!important;
  box-shadow:0 10px 30px #11111608!important;
}
.mini-card em{color:#222!important}
.decision-policy{background:#f8f8f9!important;border-color:#e3e3e6!important}
.decision-policy>span{background:#222!important;color:#fff!important}
.decision-actions button[data-accept]{background:#171719!important;color:#fff!important}
.decision-actions button[data-reject]{background:#f2f2f3!important;color:#3d3d41!important}
.decision-item.urgent{border-color:#e8b273!important;background:#fffaf3!important}
.match-search{background:#f5f5f6!important;border-color:#dedee1!important}
.closed-match-link{width:calc(100% - 36px);margin:0 18px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #dedee1;border-radius:14px;background:#fff;color:#222;padding:11px 13px;text-align:left;font-family:DM Sans;cursor:pointer}
.closed-match-link>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ededee;font-size:18px}.closed-match-link div{display:grid;gap:2px}.closed-match-link b{font-size:14px}.closed-match-link small{font-size:12px;color:#77777d}.closed-match-link>em{display:grid;place-items:center;min-width:25px;height:25px;border-radius:13px;background:#222;color:#fff;font:800 12px DM Sans}
.chat-list button{border-color:#ededee}
.chat-list button.unread{background:#f3f8f5!important}
.chat-list button.unread time i,.notification-bell b,nav button b{background:var(--red)!important}
.chat-list button.reply-urgent{background:#fff8ef!important}
.chat-empty span{background:#f1f1f2!important;color:#333!important}
.expiry{background:#f7f7f8!important;border-color:#e2e2e5!important}
.presence-flow>div,.response-metrics>div{background:#f7f7f8!important;border-color:#e4e4e7!important}
.safety-title{background:#f6f6f7!important}
.safety-row>span,.trust-card>span{background:var(--green)!important}
.safety-center>button span,.settings-group>button em,.photo-manager-link em{color:#222!important}
.profile-preview-button,.photo-manager-link{background:#f7f7f8!important;border-color:#e1e1e4!important;color:#222!important}
.secondary{background:#eeeeef!important;color:#202023!important}
nav{
  background:#fffffff5;
  border-color:#e1e1e4;
  box-shadow:0 -10px 30px #1111160a;
}
nav button.active{color:#111!important}
.android-webview .app-shell{padding-bottom:126px}
.android-webview .app-shell>header{
  height:calc(72px + max(32px,env(safe-area-inset-top)));
  padding-top:calc(12px + max(32px,env(safe-area-inset-top)));
  background:#d0d0d4;
}
.android-webview nav{
  bottom:0;
  height:calc(76px + max(38px,env(safe-area-inset-bottom)));
  padding-bottom:calc(10px + max(38px,env(safe-area-inset-bottom)));
}
.android-webview .sheet-backdrop{
  padding-bottom:max(48px,env(safe-area-inset-bottom));
}
.android-webview .sheet{
  max-height:calc(100dvh - max(48px,env(safe-area-inset-bottom)) - max(24px,env(safe-area-inset-top)));
  border-radius:26px;
}
.android-webview .match-backdrop,
.android-webview .priority-like-backdrop,
.android-webview .confirm-backdrop{
  padding-bottom:max(48px,env(safe-area-inset-bottom));
}
.android-webview .toast{bottom:max(138px,calc(100px + env(safe-area-inset-bottom)))}
.sheet-backdrop{background:#09090b99}
.sheet{border:1px solid #e5e5e7;background:#fff;box-shadow:0 -24px 70px #0004}
.sheet-close{background:#f3f3f4;box-shadow:none}
.intent-pill,.tags.light span{
  background:#f2f2f3!important;
  border-color:#dedee1!important;
  color:#333!important;
}
.trust-card{background:#edf8f2!important}
.danger-link,.block-button,.delete-account,.chat-option-list .danger{color:var(--red)!important}
.block-button,.delete-account{background:#fff5f5!important;border-color:#f1c8cc!important}
.chat-header{background:#fff;border-color:#e4e4e7}
.messages{background:#f4f4f5}
.message.theirs{background:#fff;border-color:#e2e2e5;box-shadow:0 4px 14px #11111608}
.message.mine{background:#1b1b1d!important;color:#fff}
.composer{border-color:#e4e4e7}
.composer input{background:#f6f6f7;border-color:#dedee1}
.composer button{background:#171719!important}
.reply-clock{background:#fffaf2!important;border-color:#f0dfc6!important}
.reply-clock.badge-only{background:#fff!important;border-color:#e4e4e7!important}
.response-badge.fast{background:#e7f7ef!important;color:#14764a!important}
.response-badge.day,.response-badge.new{background:#eeeeef!important;color:#55585d!important}
.response-badge.slow{background:#fff0dc!important;color:#ae5a13!important}
.response-badge.very-slow{background:#ffe8e8!important;color:#c6323c!important}
.notification-item.unread{background:#f3f7f5!important}
.notification-item>span{background:#ececee!important;color:#242427!important}
.notification-item.urgent>span{background:#fff0dc!important;color:#b55a13!important}
.settings-toggle input,.filter-check input,.filter-field input[type=range]{accent-color:#1b1b1d!important}
.settings-toggle .pause-switch-label{font:800 10px DM Sans;color:#9a9a9f;flex:none}.settings-toggle .pause-switch-label.pause-off{margin-left:auto}.settings-toggle .pause-switch{appearance:none;-webkit-appearance:none;width:58px;height:32px;margin:0 2px;border:1px solid #c9c9cc;border-radius:18px;background:#dedee1;position:relative;flex:none;transition:.2s;cursor:pointer}.settings-toggle .pause-switch:before{content:'';position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #0003;transition:.2s}.settings-toggle .pause-switch:checked{background:#1d1d1f;border-color:#1d1d1f}.settings-toggle .pause-switch:checked:before{transform:translateX(26px)}.settings-toggle .pause-switch:not(:checked)~.pause-on{color:#b0b0b4}.settings-toggle .pause-off:has(+.pause-switch:checked){color:#b0b0b4}.settings-toggle .pause-off:has(+.pause-switch:not(:checked)),.settings-toggle .pause-switch:checked~.pause-on{color:#1d1d1f}
.edit-interests button.selected,.interest-menu button.selected{
  border-color:#222!important;
  background:#ededee!important;
  color:#19191b!important;
}
.silver-plan,.plan-card,.chat-option-list button,.settings-group>button{border-color:#e6e6e8!important}
.silver-plan.selected,.plan-card.selected{border-color:#222!important;background:#f5f5f6!important}
.toast{background:#171719;box-shadow:0 10px 30px #0003}
.toast button{margin-left:8px;border:0;border-radius:8px;background:#fff;color:#171719;padding:6px 9px;font:800 12px DM Sans;cursor:pointer}
.closed-copy{color:#68686e;font-size:13px;line-height:1.5}
#closed-connections-list{display:grid;gap:10px;margin-top:16px}
.closed-search{display:flex;align-items:center;gap:8px;margin:14px 0 4px;padding:10px 12px;border:1px solid #dedee2;border-radius:13px;background:#fff}.closed-search span{color:#777;font-size:18px}.closed-search input{width:100%;border:0;outline:0;background:transparent;color:#222;font:500 13px DM Sans}
.closed-filters{display:flex;gap:6px;overflow-x:auto;padding:7px 0 3px}.closed-filters button{flex:0 0 auto;border:1px solid #dedee2;border-radius:999px;background:#fff;color:#5e5e63;padding:7px 10px;font:700 10px DM Sans}.closed-filters button.selected{border-color:#222;background:#222;color:#fff}.closed-record-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.closed-record-actions button{justify-self:auto!important}.closed-record-actions [data-clear-history]{color:#a44343!important}.history-deleted{color:#999!important;font-style:italic}
.closed-connection{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #e4e4e7;border-radius:14px;padding:10px;background:#f8f8f9}
.closed-connection img{width:48px;height:48px;border-radius:50%;object-fit:cover}.closed-connection div{display:grid;gap:3px}.closed-connection small{color:#77777d;font-size:12px}
.closed-connection button{border:1px solid #d6d6da;background:#fff;color:#222;border-radius:10px;padding:8px 10px;font:800 12px DM Sans}.closed-connection div button{justify-self:start;border:0;background:none;text-decoration:underline;padding:2px 0;color:#555}
.closed-final-message{margin:7px 0 5px;padding:9px 11px;border-left:3px solid var(--green);border-radius:0 10px 10px 0;background:#fff;color:#29292d;font:500 12px/1.45 DM Sans}.closed-final-message small{display:block;margin-bottom:3px;color:#168451!important;font-size:10px!important;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.closed-message-actions{display:flex;gap:10px;margin-top:7px}.closed-message-actions button{border:0!important;background:none!important;padding:0!important;text-decoration:underline!important;color:#666!important;font-size:10px!important}.closed-message-actions button:last-child{color:var(--red)!important}.closed-message-hidden{margin:6px 0;color:#888;font:600 11px DM Sans;font-style:italic}
.closed-blocked-state{border-radius:999px;padding:6px 9px;background:#fceaea;color:var(--red);font:800 10px DM Sans;text-transform:uppercase;letter-spacing:.04em}
.onboarding{background:linear-gradient(145deg,#eeeeef,#fafafa)!important}
.on-card{border:1px solid #e4e4e7;box-shadow:0 25px 80px #11111617!important}
.phone,.fields input,.fields select,.otp{border-color:#dedee1!important;background:#f7f7f8!important}
.account-expired>div,.action-confirm{border:1px solid #e0e0e3;box-shadow:0 24px 70px #0003}
.offline-banner{position:fixed;z-index:250;top:10px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 28px));padding:10px 14px;border-radius:12px;background:#242427;color:#fff;text-align:center;font:700 12px/1.35 DM Sans;box-shadow:0 10px 30px #0004}
.offline-screen{position:fixed;inset:0;z-index:240;background:#f7f3f8;display:grid;place-items:center;padding:24px}.offline-screen[hidden]{display:none}.offline-screen>section{width:min(100%,390px);display:grid;justify-items:center;text-align:center}.offline-logo{width:72px;height:72px;border-radius:23px;display:block;position:relative;background:#000;color:#fff;box-shadow:0 14px 35px #0002}.offline-logo .logo-c-gull{top:15px;width:49px;height:18px}.offline-logo .logo-c-gull:before,.offline-logo .logo-c-gull:after{width:25px;height:15px;border-top-width:4px}.offline-logo .logo-c-gull:before{right:23px}.offline-logo .logo-c-gull:after{left:23px}.offline-logo .logo-c-vee{bottom:11px;width:27px;height:33px;border-width:0 0 4.5px 4.5px}.offline-wave{font-size:28px;margin-top:16px;color:#777}.offline-screen h2{font:800 27px Manrope;margin:3px 0 8px}.offline-screen p{color:var(--muted);font-size:15px;line-height:1.55;margin:0 0 14px}.offline-screen .primary{max-width:280px}.offline-continue{border:0;background:none;color:#363038;padding:13px;font:700 14px DM Sans}.offline-continue[hidden]{display:none}
.legal-sheet details{border:1px solid #e2e2e5;border-radius:14px;margin:10px 0;background:#f8f8f9;overflow:hidden}
.legal-sheet summary{cursor:pointer;padding:14px 16px;font:800 14px Manrope;color:#222}
.legal-sheet details p,.legal-sheet details ul{margin:0;padding:0 18px 16px 34px;color:#59595e;font-size:13px;line-height:1.55}
.legal-sheet details p{padding-left:16px}
.legal-intro,.demo-disclaimer{color:#68686e;font-size:13px;line-height:1.5}
.demo-disclaimer{border-left:3px solid var(--orange);padding:10px 12px;background:#fff8ef;border-radius:0 10px 10px 0}
.emergency-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #f1c8cc;background:#fff5f5;border-radius:15px;padding:14px;margin:16px 0 22px}
.emergency-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-weight:900}
.emergency-card div{display:grid;gap:3px}.emergency-card small{color:#68686e;font-size:12px;line-height:1.35}
.emergency-card a{background:var(--red);color:#fff;text-decoration:none;border-radius:10px;padding:9px 10px;font-size:12px;font-weight:800;white-space:nowrap}
.safety-tips{display:grid;gap:10px;padding-left:22px;color:#515156;font-size:13px;line-height:1.5;margin-bottom:20px}
.help-note{display:block;text-align:center;color:#838389;font-size:11px;margin-top:10px}
.legal-consent{align-items:flex-start!important}.legal-consent span{line-height:1.4}.legal-consent button{border:0;background:none;padding:0;color:#171719;text-decoration:underline;font:700 inherit;cursor:pointer}
.chat-list .draft-preview{color:#c45b25}.chat-list .draft-preview strong{font-weight:800}.chat-list button.has-draft{background:linear-gradient(90deg,#fff7f0,#fff 44%)}
.chat-list .muted-indicator{font-style:normal;font-size:12px;filter:grayscale(1);opacity:.65;margin-left:3px}
:where(button,[role="button"],input,select,textarea):focus-visible{outline:3px solid #f39a52;outline-offset:3px}
@media(min-width:700px){
  .app-shell{border:1px solid #dedee1}
}