.mockup{width:100%;max-width:420px;margin-inline:auto;aspect-ratio:1284/2041;display:grid;place-items:center;border-radius:var(--r-xl);-webkit-user-select:none;-moz-user-select:none;user-select:none}.mockup-cream{background:var(--cream)}.mockup-body,.mockup-plum{background:var(--plum)}.mockup-body{width:72.8%;padding:1.3%;border-radius:12.6%/6.3%;box-shadow:var(--shadow-lg)}.mockup-plum .mockup-body{background:#8E86AA;box-shadow:0 24px 48px -20px rgba(20,14,40,.55)}.mk-screen{container-type:inline-size;position:relative;aspect-ratio:1206/2445;overflow:hidden;border-radius:11.6%/5.7%;background:var(--cream)}.mk-canvas{--u:calc(100cqw / 402);position:absolute;inset:0;font-family:var(--font-manrope),system-ui,sans-serif;font-size:calc(15 * var(--u));font-style:normal;line-height:1.35;color:var(--ink);text-align:left}:where(.mk-canvas) *,:where(.mk-canvas) :after,:where(.mk-canvas) :before{box-sizing:border-box}:where(.mk-canvas) :is(p,h3,h4,ul){margin:0;padding:0}:where(.mk-canvas) ul{list-style:none}:where(.mk-canvas) small{font-size:inherit}:where(.mk-canvas) b{font-weight:700}.mk-canvas img{-o-object-fit:cover;object-fit:cover}.mk-icon{width:calc(24 * var(--u));height:calc(24 * var(--u));flex:none;display:block}.mk-card{background:#fff;border:calc(1 * var(--u)) solid var(--hairline);border-radius:calc(22 * var(--u));box-shadow:0 calc(8 * var(--u)) calc(24 * var(--u)) calc(-12 * var(--u)) rgba(58,47,95,.22)}.mk-card-title{font-size:calc(17 * var(--u));font-weight:700;letter-spacing:-.01em}.mk-eyebrow{display:inline-flex;align-items:center;gap:calc(8 * var(--u));font-size:calc(11 * var(--u));font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--gold-ink)}.mk-eyebrow:before{content:"";width:calc(14 * var(--u));height:calc(2 * var(--u));border-radius:1px;background:var(--gold)}.mk-eyebrow-plum{color:var(--gold)}.mk-meta{font-size:calc(14 * var(--u));color:var(--ink-2)}.mk-meta-lines span{display:block}.mk-nowrap{white-space:nowrap}.mk-avatar{position:relative;display:block;flex:none;width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:50%;overflow:hidden;background:var(--cream-2)}.mk-avatar-md{width:calc(40 * var(--u));height:calc(40 * var(--u))}.mk-avatar-lg{width:calc(44 * var(--u));height:calc(44 * var(--u))}.mk-avatar-xl{width:calc(72 * var(--u));height:calc(72 * var(--u))}.mk-avatar-ring{width:calc(38 * var(--u));height:calc(38 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) rgba(255,255,255,.9)}.mk-stack{display:flex;flex:none}.mk-stack .mk-avatar{box-shadow:0 0 0 calc(2 * var(--u)) #fff}.mk-stack .mk-avatar+.mk-avatar{margin-left:calc(-8 * var(--u))}.mk-tile{display:grid;place-items:center;flex:none;width:calc(38 * var(--u));height:calc(38 * var(--u));border-radius:calc(10 * var(--u));background:var(--plum);color:#fff}.mk-tile .mk-icon{width:calc(20 * var(--u));height:calc(20 * var(--u))}.mk-tile-lg{width:calc(54 * var(--u));height:calc(54 * var(--u));border-radius:calc(14 * var(--u))}.mk-tile-lg .mk-icon{width:calc(28 * var(--u));height:calc(28 * var(--u))}.mk-tile-round{border-radius:50%}.mk-chip{display:inline-flex;align-items:center;gap:calc(6 * var(--u));padding:calc(5 * var(--u)) calc(11 * var(--u));border-radius:999px;font-size:calc(13 * var(--u));font-weight:700;line-height:1.3;white-space:nowrap}.mk-chip .mk-icon{width:calc(15 * var(--u));height:calc(15 * var(--u))}.mk-chip-gold{background:var(--gold-tint);color:var(--gold-ink)}.mk-chip-success{background:#E6F1E8;color:var(--success-ink)}.mk-chip-white{background:#fff;color:var(--plum)}.mk-chip-example{background:var(--cream-2);color:var(--gold-ink);border:calc(1 * var(--u)) solid rgba(125,94,36,.28)}.mk-dot{width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:50%;background:var(--gold)}.mk-button{display:grid;place-items:center;height:calc(50 * var(--u));border-radius:calc(12 * var(--u));background:var(--plum);color:#fff;font-size:calc(16 * var(--u));font-weight:600}.mk-button-tonal{height:calc(34 * var(--u));padding-inline:calc(14 * var(--u));border-radius:calc(10 * var(--u));background:var(--plum-tint);color:var(--plum);font-size:calc(13.5 * var(--u));font-weight:700}.mk-link{display:inline-flex;align-items:center;gap:calc(2 * var(--u));color:var(--plum);font-weight:600}.mk-link .mk-icon{width:calc(18 * var(--u));height:calc(18 * var(--u))}.mk-person{display:flex;align-items:center;gap:calc(14 * var(--u))}.mk-person-name{font-size:calc(19 * var(--u));font-weight:700;letter-spacing:-.01em}.mk-person-sm{gap:calc(10 * var(--u))}.mk-person-sm .mk-person-name{font-size:calc(15.5 * var(--u))}.mk-person-sm .mk-meta{font-size:calc(13 * var(--u))}.mk-person-sm .mk-chip{margin-left:auto}.mk-appbar{background:var(--plum);color:#fff;padding:calc(26 * var(--u)) calc(24 * var(--u)) calc(16 * var(--u))}.mk-appbar-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.mk-brand{flex-direction:column;gap:calc(4 * var(--u))}.mk-brand,.mk-brand-name{display:flex;align-items:center}.mk-brand-name{gap:calc(6 * var(--u));font-size:calc(20 * var(--u));font-weight:600;letter-spacing:-.01em;line-height:1.1}.mk-brand-mark{position:relative;width:calc(22 * var(--u));height:calc(22 * var(--u))}.mk-city{display:flex;align-items:center;gap:calc(3 * var(--u));padding:calc(2 * var(--u)) calc(8 * var(--u)) calc(2 * var(--u)) calc(11 * var(--u));border-radius:999px;background:rgba(255,255,255,.16);font-size:calc(13 * var(--u));font-weight:500}.mk-city .mk-icon{width:calc(14 * var(--u));height:calc(14 * var(--u))}.mk-appbar-actions{display:flex;justify-content:flex-end;gap:calc(18 * var(--u))}.mk-appbar-actions .mk-icon{width:calc(26 * var(--u));height:calc(26 * var(--u))}.mk-page-head{padding:calc(22 * var(--u)) calc(24 * var(--u)) 0}.mk-page-head h3{font-size:calc(26 * var(--u));font-weight:600;letter-spacing:-.02em;line-height:1.15}.mk-page-head p{margin-top:calc(4 * var(--u));font-size:calc(15 * var(--u));color:var(--ink-2)}.mk-tabbar{position:absolute;inset:auto 0 0;height:calc(84 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u)) 0;display:grid;grid-template-columns:repeat(4,1fr);align-items:start;background:#FCFAF6;border-top:calc(1 * var(--u)) solid var(--hairline)}.mk-tab{display:flex;flex-direction:column;align-items:center;gap:calc(3 * var(--u));font-size:calc(11 * var(--u));font-weight:500;color:var(--ink-2)}.mk-tab .mk-icon{width:calc(26 * var(--u));height:calc(26 * var(--u))}.mk-tab.is-active{color:var(--plum);font-weight:700}.mk-cover{position:relative;overflow:hidden}.mk-cover-community{height:calc(128 * var(--u))}.mk-community-card{position:relative;margin:calc(-56 * var(--u)) calc(24 * var(--u)) 0;padding:calc(20 * var(--u))}.mk-community-head{display:flex;gap:calc(16 * var(--u));padding-bottom:calc(16 * var(--u));border-bottom:calc(1 * var(--u)) solid var(--hairline)}.mk-community-name{margin-top:calc(4 * var(--u));font-size:calc(25 * var(--u));font-weight:600;letter-spacing:-.02em;line-height:1.15}.mk-community-head .mk-meta{margin-top:calc(6 * var(--u));font-size:calc(15 * var(--u))}.mk-connections{display:flex;align-items:center;gap:calc(10 * var(--u));margin-top:calc(14 * var(--u));font-size:calc(14.5 * var(--u));font-weight:500;color:var(--plum)}.mk-connections .mk-avatar{width:calc(26 * var(--u));height:calc(26 * var(--u))}.mk-segment{display:grid;grid-template-columns:repeat(4,1fr);margin:calc(20 * var(--u)) calc(24 * var(--u)) 0;padding:calc(4 * var(--u));border-radius:999px;background:var(--cream-2);font-size:calc(14.5 * var(--u));font-weight:500;color:var(--ink-2);text-align:center}.mk-segment span{padding:calc(9 * var(--u)) 0;border-radius:999px}.mk-segment .is-active{background:#fff;color:var(--plum);font-weight:700;box-shadow:0 1px 2px rgba(58,47,95,.1)}.mk-create{position:absolute;right:calc(24 * var(--u));bottom:calc(26 * var(--u));display:flex;flex-direction:column;align-items:flex-end;gap:calc(13 * var(--u))}.mk-create li{display:flex;align-items:center;gap:calc(10 * var(--u))}.mk-create-label{padding:calc(7 * var(--u)) calc(13 * var(--u));border-radius:calc(10 * var(--u));background:var(--plum);color:#fff;font-size:calc(15 * var(--u));font-weight:600;box-shadow:0 calc(6 * var(--u)) calc(16 * var(--u)) calc(-8 * var(--u)) rgba(58,47,95,.5)}.mk-create-dot,.mk-fab{display:grid;place-items:center;border-radius:50%;background:var(--plum);color:#fff;box-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) calc(-8 * var(--u)) rgba(58,47,95,.55)}.mk-create-dot{width:calc(48 * var(--u));height:calc(48 * var(--u));margin-right:calc(4 * var(--u))}.mk-fab{width:calc(56 * var(--u));height:calc(56 * var(--u));margin-top:calc(4 * var(--u))}.mk-s-matching .mk-appbar{padding-bottom:calc(100 * var(--u))}.mk-matches-head{margin-top:calc(40 * var(--u))}.mk-matches-head h3{margin-top:calc(6 * var(--u));font-size:calc(28 * var(--u));font-weight:700;letter-spacing:-.02em;line-height:1.15}.mk-matches-head p{margin-top:calc(4 * var(--u));font-size:calc(15 * var(--u));color:rgba(255,255,255,.76)}.mk-match-rail{display:flex;gap:calc(14 * var(--u));margin-top:calc(-72 * var(--u));padding-left:calc(24 * var(--u))}.mk-match-card{flex:none;width:calc(334 * var(--u));padding:calc(24 * var(--u))}.mk-match-peek{flex:none;width:calc(80 * var(--u));border-right:0;border-radius:calc(22 * var(--u)) 0 0 calc(22 * var(--u))}.mk-match-card .mk-eyebrow{margin-top:calc(28 * var(--u))}.mk-reasons{display:grid;gap:calc(22 * var(--u));margin-top:calc(18 * var(--u))}.mk-reasons li{display:flex;align-items:center;gap:calc(12 * var(--u));font-size:calc(17 * var(--u));font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--plum)}.mk-reason-icon,.mk-reasons .mk-avatar{width:calc(40 * var(--u));height:calc(40 * var(--u))}.mk-reason-icon{display:grid;place-items:center;flex:none;border-radius:50%;background:var(--gold-tint);color:var(--gold-ink)}.mk-reason-icon .mk-icon{width:calc(19 * var(--u));height:calc(19 * var(--u))}.mk-reasons small{display:block;font-size:calc(12 * var(--u));font-weight:600;letter-spacing:0;color:var(--ink-2)}.mk-match-foot{display:flex;align-items:center;justify-content:space-between;margin-top:calc(28 * var(--u));padding-top:calc(18 * var(--u));border-top:calc(1 * var(--u)) solid var(--hairline)}.mk-pager{display:flex;justify-content:center;gap:calc(6 * var(--u));margin-top:calc(24 * var(--u))}.mk-pager span{width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:999px;background:var(--hairline)}.mk-pager .is-active{width:calc(18 * var(--u));background:var(--plum)}.mk-topbar{display:flex;align-items:center;gap:calc(10 * var(--u));padding:calc(26 * var(--u)) calc(20 * var(--u)) calc(14 * var(--u));border-bottom:calc(1 * var(--u)) solid var(--hairline);color:var(--plum)}.mk-topbar-title{font-size:calc(16 * var(--u));font-weight:700;letter-spacing:-.01em;color:var(--ink)}.mk-topbar .mk-meta{font-size:calc(13 * var(--u))}.mk-announce,.mk-question{margin:calc(18 * var(--u)) calc(20 * var(--u)) 0;padding:calc(20 * var(--u))}.mk-announce-head{display:flex;align-items:center;gap:calc(10 * var(--u))}.mk-announce-text{font-size:calc(21 * var(--u));font-weight:700;letter-spacing:-.015em;line-height:1.25}.mk-announce .mk-chip,.mk-announce-text,.mk-question-text{margin-top:calc(14 * var(--u))}.mk-question-text{font-size:calc(18.5 * var(--u));font-weight:600;letter-spacing:-.01em;line-height:1.3}.mk-replies-label{margin-top:calc(16 * var(--u));padding-top:calc(14 * var(--u));border-top:calc(1 * var(--u)) solid var(--hairline);font-size:calc(13 * var(--u));font-weight:700;color:var(--ink-2)}.mk-replies{display:grid;gap:calc(18 * var(--u));margin-top:calc(14 * var(--u))}.mk-replies li{display:flex;gap:calc(10 * var(--u))}.mk-replies .mk-avatar{width:calc(36 * var(--u));height:calc(36 * var(--u))}.mk-reply-by{font-size:calc(13 * var(--u));line-height:1.3;color:var(--ink-2)}.mk-reply-by b{display:block;font-size:calc(14 * var(--u));color:var(--ink)}.mk-reply-text{margin-top:calc(5 * var(--u));padding:calc(10 * var(--u)) calc(13 * var(--u));border-radius:calc(4 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u));background:var(--cream);font-size:calc(15.5 * var(--u));line-height:1.4}.mk-event{margin:calc(18 * var(--u)) calc(24 * var(--u)) 0;overflow:hidden}.mk-cover-event{height:calc(150 * var(--u))}.mk-date{position:absolute;top:calc(12 * var(--u));left:calc(12 * var(--u));display:grid;justify-items:center;padding:calc(6 * var(--u)) calc(11 * var(--u)) calc(7 * var(--u));border-radius:calc(12 * var(--u));background:var(--plum);color:#fff;font-size:calc(21 * var(--u));font-weight:700;line-height:1.05}.mk-date small{font-size:calc(10.5 * var(--u));font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.82)}.mk-event-body{padding:calc(18 * var(--u)) calc(20 * var(--u)) calc(20 * var(--u))}.mk-event-title{font-size:calc(19 * var(--u));font-weight:700;letter-spacing:-.01em;line-height:1.25}.mk-facts{display:grid;gap:calc(7 * var(--u));margin-top:calc(12 * var(--u));font-size:calc(14.5 * var(--u));color:var(--ink-2)}.mk-facts li{display:flex;align-items:center;gap:calc(9 * var(--u))}.mk-facts .mk-icon{width:calc(18 * var(--u));height:calc(18 * var(--u));color:var(--plum)}.mk-going{display:flex;align-items:center;gap:calc(12 * var(--u));margin-top:calc(16 * var(--u));padding-top:calc(14 * var(--u));border-top:calc(1 * var(--u)) solid var(--hairline);font-size:calc(14.5 * var(--u));line-height:1.3}.mk-going .mk-avatar{width:calc(32 * var(--u));height:calc(32 * var(--u))}.mk-going small{display:block;white-space:nowrap;font-size:calc(13 * var(--u));font-weight:600;color:var(--gold-ink)}.mk-event .mk-button{margin-top:calc(16 * var(--u))}.mk-admin-head{display:grid;justify-items:start;padding:calc(24 * var(--u)) calc(24 * var(--u)) 0}.mk-admin-head>.mk-icon{margin:0 0 calc(12 * var(--u)) calc(-5 * var(--u))}.mk-admin-head h3{margin-top:calc(4 * var(--u));font-size:calc(24 * var(--u));font-weight:600;letter-spacing:-.02em;line-height:1.15}.mk-admin-head .mk-chip{margin-top:calc(10 * var(--u))}.mk-section-head{padding:calc(26 * var(--u)) calc(24 * var(--u)) 0}.mk-section-head h4{margin-top:calc(4 * var(--u));font-size:calc(19 * var(--u));font-weight:600;letter-spacing:-.01em}.mk-drifting,.mk-engagement{margin:calc(16 * var(--u)) calc(24 * var(--u)) 0;padding:calc(20 * var(--u)) calc(20 * var(--u)) calc(22 * var(--u))}.mk-tiers{display:grid;gap:calc(14 * var(--u));margin-top:calc(14 * var(--u));font-size:calc(14.5 * var(--u));color:var(--ink-2)}.mk-tiers li{display:grid;grid-template-columns:calc(92 * var(--u)) 1fr calc(18 * var(--u));align-items:center;gap:calc(10 * var(--u))}.mk-tiers b{text-align:right;font-weight:600;color:var(--ink)}.mk-bar{height:calc(7 * var(--u));border-radius:999px;background:var(--plum-tint);overflow:hidden}.mk-bar span{display:block;height:100%;border-radius:999px;background:var(--plum)}.mk-drifting ul{display:grid;gap:calc(18 * var(--u));margin-top:calc(14 * var(--u))}.mk-drifting li{display:flex;align-items:center;gap:calc(12 * var(--u));font-size:calc(15 * var(--u));line-height:1.3}.mk-drifting li>span:nth-child(2){flex:1;min-width:0}.mk-drifting small{display:block;font-size:calc(13 * var(--u));color:var(--ink-2)}.mk-suggest{margin:calc(18 * var(--u)) calc(24 * var(--u)) 0;overflow:hidden}.mk-cover-suggest{height:calc(124 * var(--u))}.mk-cover-suggest .mk-chip{position:absolute;top:calc(12 * var(--u));left:calc(12 * var(--u))}.mk-suggest-body{display:grid;justify-items:start;padding:calc(18 * var(--u)) calc(20 * var(--u)) calc(20 * var(--u))}.mk-suggest-body>*{min-width:0}.mk-suggest-head{display:flex;align-items:center;gap:calc(12 * var(--u));margin-bottom:calc(14 * var(--u))}.mk-suggest-name{font-size:calc(18 * var(--u));font-weight:700;letter-spacing:-.01em;line-height:1.2}.mk-suggest-head .mk-meta{margin-top:calc(2 * var(--u));font-size:calc(13.5 * var(--u))}.mk-why{justify-self:stretch;margin-top:calc(14 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u));border-radius:calc(14 * var(--u));background:var(--plum-tint);font-size:calc(14.5 * var(--u))}.mk-why b{color:var(--plum)}.mk-why p{display:flex;gap:calc(9 * var(--u));margin-top:calc(8 * var(--u));line-height:1.4}.mk-check{display:grid;place-items:center;flex:none;width:calc(20 * var(--u));height:calc(20 * var(--u));border-radius:50%;background:var(--plum);color:#fff}.mk-check .mk-icon{width:calc(13 * var(--u));height:calc(13 * var(--u));stroke-width:2.6}.mk-suggest .mk-button{justify-self:stretch;margin-top:calc(16 * var(--u))}.mockup-figure{margin:0}.mockup-figure figcaption{max-width:34ch;margin:18px auto 0;text-align:center;font-size:17px;font-weight:600;line-height:1.4;color:var(--plum)}.mockup-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px 24px;margin-top:40px}.mockup-preview h2{margin-bottom:14px;text-align:center;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:13px;font-weight:500;color:var(--ink-2)}.mockup-preview-alt{max-width:44ch;margin:10px auto 0;font-size:13px;line-height:1.5;color:var(--ink-2)}