:root{--ux-teal:#15909a;--ux-dark:#08727c;--ux-line:#d7e3e3;--ux-muted:#68777a}
body{font-size:14px;line-height:1.65}
p,.lead,.preview{line-height:1.65}
.meta{font-size:.68rem!important;line-height:1.55!important}
.tag{font-size:.62rem!important;line-height:1.35!important}
.nav-item{min-height:64px;font-size:.62rem!important;line-height:1.3}
.nav-item span{font-size:1.12rem!important}
.detail-button,.view,.reply,.match-button,.primary-button{display:grid!important;place-items:center;min-height:44px!important;padding:8px 13px!important;border-radius:10px!important;font-size:.7rem!important;font-weight:700!important;line-height:1.35!important}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(21,144,154,.28)!important;outline-offset:2px}
.filters .filter{min-height:38px;padding:7px 14px!important;font-size:.66rem!important;line-height:1.25!important;white-space:nowrap!important;writing-mode:horizontal-tb!important}
.account-actions{gap:6px!important}.notification-link,.logout-button,.logout-icon,.settings{font-size:.58rem!important}
.photo{overflow:hidden;background-color:#edf4f4;background-repeat:no-repeat}
.ux-toast{position:fixed;z-index:1000;right:16px;bottom:88px;left:16px;max-width:350px;margin:auto;padding:12px 16px;border-radius:12px;background:rgba(35,62,65,.94);color:#fff;font-size:.72rem;font-weight:700;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.18);opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s ease}.ux-toast.show{opacity:1;transform:translateY(0)}
.ux-condition-wrap{margin:12px 0 2px;padding:11px 12px;border:1px solid var(--ux-line);border-radius:12px;background:#fff}.ux-condition-title{color:var(--ux-muted);font-size:.62rem;font-weight:700}.ux-condition-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ux-condition{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:0;border-radius:999px;background:#e5f5f4;color:var(--ux-dark);font-size:.61rem;font-weight:700}.ux-condition b{font-size:.72rem}.ux-guide{margin:12px 0;padding:12px 14px;border:1px solid var(--ux-line);border-radius:12px;background:#fff}.ux-guide h3{font-size:.72rem}.ux-guide p{margin-top:6px;color:var(--ux-muted);font-size:.64rem}.ux-guide strong{color:var(--ux-dark)}
@media(max-width:360px){.meta{font-size:.64rem!important}.nav-item{font-size:.58rem!important}.detail-button,.view,.reply{font-size:.66rem!important}}
@media(prefers-reduced-motion:reduce){.ux-toast{transition:none}}