:root{--ink:#30275d;--paper:#f6f1ff;--card:#fff;--line:#ded5f1;--blue:#6842f4;--coral:#ec4899;--green:#6e55d9;--muted:#6f6982}
body{background:radial-gradient(circle at 10% 0,#e7dbff 0,transparent 28rem),radial-gradient(circle at 95% 8%,#ffe0ef 0,transparent 26rem),linear-gradient(180deg,#faf7ff,#f4effc);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.topbar{background:#ffffffed;border-bottom:1px solid #e6def3;box-shadow:0 5px 22px #4a347610;backdrop-filter:blur(18px)}
.topbar .brand{display:flex;align-items:center;gap:9px;font:800 27px/1 Inter,system-ui,sans-serif;color:#342764;letter-spacing:-1px}
.topbar .brand::before{content:"";width:45px;height:45px;flex:0 0 45px;border-radius:14px;background:#fff url("kindred-logo.png") center/43px 43px no-repeat;box-shadow:0 8px 20px #6842f42b}
.app-label{color:#706981}.sidebar{border-color:#e4dcf1}.nav-item{border-radius:16px;color:#514a69}.nav-item:hover,.nav-item.active{background:#eae3ff;color:#5c36df}.workspace{padding-top:38px}
.view h1,.welcome h1{font-family:Inter,system-ui,sans-serif;font-style:normal;font-weight:800;color:#30235d;letter-spacing:-2px}.view h2{font-family:Inter,system-ui,sans-serif;font-style:normal;color:#342b60}.eyebrow{border:0;border-radius:999px;background:#ebe3ff;color:#6544da;letter-spacing:.08em}
.card,.connection-row,.person,.profile-form,.passport-card{border-color:#e1d8ef;border-radius:26px;background:#fff;box-shadow:0 16px 42px #49316f13}
.button{border:0;border-radius:999px;padding:12px 20px;background:linear-gradient(105deg,#7657f6,#f03ea1);box-shadow:0 10px 24px #7a48ee38;color:#fff}.secondary{border:1px solid #d7cbea;border-radius:999px;background:#fff;color:#4d416f}.button:hover,.secondary:hover{transform:translateY(-1px)}
input,textarea,select{border:1px solid #c9bddc;border-radius:16px;background:#fff;color:#2e2850;padding:13px}.tag{background:#eee7ff;color:#5639c8}.welcome-difference,.journey-card,.compatibility-breakdown,.passport-progress{border-color:#d5c6f6;background:#f0eaff}.welcome-path li,.available-times label{border-color:#ded4ef;border-radius:16px}.invite-card{border-color:#e3c9dc;border-radius:22px;background:#fff0f7}
.message-row.mine .message{background:#f4c4ef;color:#33264f}.message-row:not(.mine) .message{background:#e4ddff;color:#33264f}.conversation,#conversationList{border-color:#e0d7ee;background:#faf7ff}.conversation-head,.message-form{background:#fff}
.profile-dialog,.report-dialog,.incoming-call-dialog{border-color:#d9cfeb;border-radius:26px;background:#fff;box-shadow:0 20px 60px #36215a2b}.install-banner{border:1px solid #d8cbed;border-radius:24px;background:#fff;box-shadow:0 18px 48px #49316f2b}.install-banner img{object-fit:contain;background:#fff}
@media(max-width:760px){.topbar .brand{font-size:23px}.topbar .brand::before{width:40px;height:40px;flex-basis:40px;background-size:38px}.workspace{padding:24px 14px}.card,.profile-form,.passport-card{border-radius:22px}.view h1,.welcome h1{font-size:40px}}