.Ghost{justify-content:center;align-items:center;gap:calc(var(--size) * .12);width:var(--size);height:var(--size);padding-bottom:calc(var(--size) * .08);background:radial-gradient(circle at 50% 110%, color-mix(in oklab, var(--ring) 45%, transparent), #0a070e 70%);box-shadow:inset 0 0 0 1.5px var(--ring), 0 0 22px -8px var(--ring);border-radius:50%;flex:none;display:flex}.Ghost i{width:calc(var(--size) * .15);height:calc(var(--size) * .15);box-shadow:0 0 calc(var(--size) * .12) #fff7ecaa;background:#fff7ec;border-radius:50%}.Welcome{gap:32px;max-width:440px;margin:0 auto;padding:56px 20px 40px;display:grid}.Welcome .hero{gap:14px;display:grid}.Welcome .ghosts{display:flex}.Welcome .ghosts .Ghost+.Ghost{margin-left:-14px}.Welcome h1{font-size:72px;line-height:.9}.Welcome .tagline{font:400 24px/1.25 var(--display);color:var(--lilac)}.Welcome .tagline em{color:var(--neon)}.Welcome .how{counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.Welcome .how li{color:var(--muted);counter-increment:step;gap:14px;display:flex}.Welcome .how li:before{content:counter(step);border:1px solid var(--edge);width:28px;height:28px;color:var(--ember);font:600 14px/1 var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.Welcome form{gap:14px;display:grid}.Welcome .dev{color:var(--muted);text-align:center;font-size:14px}.Icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.Nav{left:50%;bottom:max(12px, env(safe-area-inset-bottom));border:1px solid var(--edge);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#16111ee0;border-radius:28px;grid-template-columns:repeat(5,1fr);align-items:center;width:min(100% - 24px,520px);padding:8px 4px;display:grid;position:fixed;transform:translate(-50%)}.Nav a{color:var(--muted);justify-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:500;display:grid}.Nav a .Icon{width:24px;height:24px}.Nav a[data-active]{color:var(--neon)}.Nav .post{background:var(--dusk);color:#fff;width:56px;height:56px;box-shadow:0 0 0 5px var(--bg), 0 10px 30px -8px var(--red);border-radius:50%;justify-self:center;place-items:center;margin-top:-28px}.Nav .post[data-active]{color:#fff}.Shell main{max-width:560px;margin:0 auto;padding:28px 16px 128px}.Shell .splash{place-items:center;min-height:100dvh;animation:1.6s ease-in-out infinite pulse;display:grid}.Shell .failed{color:var(--muted);justify-items:center;gap:16px;padding:64px 0;display:grid}.Shell .toast{top:max(12px, env(safe-area-inset-top));border:1px solid var(--red);width:min(100% - 24px,520px);box-shadow:0 12px 40px -12px var(--red);z-index:30;background:#16111ef2;border-radius:18px;padding:14px 18px;font-weight:500;animation:.3s ease-out drop;position:fixed;left:50%;transform:translate(-50%)}.Shell .dev-badge{top:max(8px, env(safe-area-inset-top));background:var(--ember);color:var(--bg);z-index:40;pointer-events:none;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:600;position:fixed;left:8px}.Shell .reload-chip{top:max(8px, env(safe-area-inset-top));border:1px solid var(--mint);background:var(--raised);color:var(--fg);font:inherit;z-index:40;border-radius:999px;padding:6px 12px;font-size:13px;position:fixed;right:8px}@keyframes pulse{50%{opacity:.4}}@keyframes drop{0%{opacity:0;transform:translate(-50%,-12px)}}.Byline{align-items:center;gap:12px;min-width:0;display:flex}.Byline .who{min-width:0;display:grid}.Byline .name{font-weight:600;line-height:1.3}.Byline .age{color:var(--muted);font-weight:500}.Byline .meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.Chat{flex-direction:column;gap:18px;min-height:calc(100dvh - 28px);margin-bottom:-128px;display:flex}.Chat header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:5;background:#0d0913e6;align-items:center;gap:12px;margin:-28px -16px 0;padding:14px 16px;display:flex;position:sticky;top:0}.Chat header .back{place-items:center;width:40px;height:40px;display:grid}.Chat .origin{background:var(--card);border:1px solid var(--line);border-radius:20px;gap:8px;padding:16px;display:grid}.Chat .origin .post{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.Chat .origin .reply{border-left:2px solid var(--red);padding-left:12px;font-style:italic}.Chat .origin .who{color:var(--muted);font-size:13px}.Chat .messages{flex-direction:column;flex:1;gap:8px;display:flex}.Chat .bubble{background:var(--raised);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px 18px 18px 6px;max-width:80%;padding:10px 14px}.Chat .bubble.mine{background:var(--purple);color:#fff;border-radius:18px 18px 6px;align-self:flex-end}.Chat .compose{padding:12px 16px max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0913eb;flex-wrap:wrap;gap:8px;margin:0 -16px;display:flex;position:sticky;bottom:0}.Chat .compose .error{width:100%}.Chat .compose input{flex:1;width:auto}.Chat .compose .btn{width:48px;padding:0}.Empty{text-align:center;color:var(--muted);justify-items:center;gap:16px;padding:48px 16px;display:grid}.Empty p{max-width:320px}.LikeButton{border:1px solid var(--edge);min-height:36px;color:var(--lilac);font-variant-numeric:tabular-nums;background:0 0;border-radius:12px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .12s;display:inline-flex}.LikeButton:active{transform:scale(.94)}.LikeButton.on{border-color:var(--red);background:var(--red);color:#fff;box-shadow:0 6px 22px -10px var(--red)}.LikeButton.on .Icon{fill:currentColor}.PostCard{gap:14px;display:grid}.PostCard .text{white-space:pre-wrap;-webkit-line-clamp:8;-webkit-box-orient:vertical;font-size:17px;line-height:1.6;display:-webkit-box;overflow:hidden}.PostCard .fit{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.PostCard .bar{gap:3px;display:flex}.PostCard .bar i{background:var(--line);border-radius:3px;width:14px;height:6px}.PostCard .bar .hit{background:var(--purple);box-shadow:0 0 8px -2px var(--purple)}.PostCard .actions{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:flex}.Feed{gap:20px;display:grid}.Feed header{gap:6px;display:grid}.Feed h1{font-size:52px}.Feed .nudge{background:linear-gradient(var(--card), var(--card)) padding-box, var(--dusk) border-box;border:1.5px solid #0000;border-radius:20px;gap:2px;padding:16px 18px;display:grid}.Feed .nudge span{color:var(--muted);font-size:14px}.Feed .filters{border:1px solid var(--edge);color:var(--muted);border-radius:999px;justify-self:start;align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:flex}.Feed .filters b{color:var(--fg)}.Feed .filters .Icon{color:var(--neon)}.Feed .posts{gap:16px;display:grid}.Filters{gap:20px;display:grid}.Filters .hero{align-items:center;gap:16px;display:flex}.Filters .count{font:650 96px/.9 var(--display);background:var(--dusk);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text}.Filters .rows{gap:8px;display:grid}.Filters .row{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex}.Filters .row.on{border-color:var(--edge)}.Filters .text{flex:1;font-weight:500}.Filters .delta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.Filters .on .delta:not(.zero){color:var(--red)}.Update{border:1px solid var(--edge);background:var(--card);border-radius:18px;justify-items:start;gap:8px;padding:14px 16px;display:grid}.Update .title{align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.Update .dot{background:var(--red);border-radius:50%;flex:none;width:8px;height:8px}.Update h3{color:var(--muted);margin:4px 0 0;font-size:13px}.Update ul{margin:4px 0;padding-left:20px}.Matches{gap:20px;display:grid}.Matches .list{display:grid}.Matches .item{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 0;display:flex}.Matches .body{flex:1;min-width:0;display:grid}.Matches .top{justify-content:space-between;gap:8px;display:flex}.Matches .top span{color:var(--muted);font-size:13px}.Matches .last{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.LocationPicker{gap:16px;display:grid}.LocationPicker .privacy{color:var(--muted);gap:10px;font-size:14px;display:flex}.LocationPicker .privacy .Icon{color:var(--neon);margin-top:1px}.LocationPicker .ok{color:var(--mint);font-size:14px}.LocationPicker .dev{border:1px dashed var(--edge);border-radius:18px;gap:10px;padding:14px;display:grid}.LocationPicker .spots{flex-wrap:wrap;gap:8px;display:flex}.LocationPicker form{gap:8px;display:flex}.PostForm{gap:12px;display:grid}.PostForm textarea{border-radius:22px;min-height:260px;padding:18px;font-size:17px;line-height:1.6}.PostForm .meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;display:flex}.PostForm .meta .over{color:var(--red)}.PostForm .note{color:var(--muted);font-size:14px}.ProfileForm{gap:20px;display:grid}.ProfileForm fieldset{border:0;margin:0;padding:0}.ProfileForm .options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ProfileForm .options button{border:1px solid var(--line);background:var(--input);min-height:48px;color:var(--muted);border-radius:14px;font-weight:600}.ProfileForm .options button[aria-pressed=true]{border-color:var(--purple);background:color-mix(in oklab, var(--purple) 22%, var(--input));color:var(--fg)}.ProfileForm .ages{color:var(--muted);align-items:center;gap:10px;display:flex}.Scale{gap:8px;display:grid}.Scale .cells{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.Scale button{border:1px solid var(--line);background:var(--input);height:60px;color:var(--mist);font:600 22px/1 var(--display);border-radius:16px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;position:relative}.Scale button:disabled{cursor:default}.Scale button.mine{border-color:var(--purple);background:color-mix(in oklab, var(--purple) 22%, var(--input));color:var(--fg);box-shadow:0 0 22px -8px var(--purple)}.Scale button.start:after,.Scale button.end:after{content:"";background:var(--ember);border-radius:2px;height:3px;position:absolute;bottom:-7px;left:28%;right:28%}.Scale button.theirs{border:1.5px dashed var(--ember);color:var(--fg)}.Scale button.mine.theirs{background:var(--dusk);color:#fff;border:0}.Scale .labels{color:var(--muted);text-align:center;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;grid-template-columns:repeat(5,1fr);gap:8px;padding-top:4px;font-size:12px;line-height:1.3;display:grid}.Scale.small .cells{gap:5px;max-width:210px}.Scale.small button{border-radius:9px;height:32px;font-size:14px}.Scale.small .start:after,.Scale.small .end:after{display:none}.QuestionCard{gap:14px;display:grid}.QuestionCard header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.QuestionCard h3{font:600 22px/1.2 var(--display)}.QuestionCard .hint,.QuestionCard .status{color:var(--muted);font-size:14px}.QuestionCard .status b{color:var(--fg)}.QuestionCard textarea{min-height:0}.QuestionCard .row{justify-content:space-between;align-items:center;gap:12px;display:flex}.QuestionCard .filter{align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.QuestionCard .examples{border-top:1px solid var(--line);gap:10px;padding-top:14px;display:grid}.QuestionCard .example{background:var(--raised);border-radius:16px;gap:8px;padding:12px;display:grid}.QuestionCard .example .head{justify-content:space-between;align-items:center;gap:10px;display:flex}.QuestionCard .example .Scale{width:150px}.QuestionCard .example .LikeButton{justify-self:start}.Onboarding{gap:18px;display:grid}.Onboarding .progress{gap:10px;margin-bottom:12px;display:grid}.Onboarding .bar{background:var(--line);border-radius:2px;height:4px}.Onboarding .bar i{background:var(--purple);height:100%;box-shadow:0 0 12px var(--purple);border-radius:2px;transition:width .3s;display:block}.Onboarding .QuestionCard .examples{display:none}.Onboarding .reassure{color:var(--muted);font-size:14px}.Onboarding .buttons{justify-items:center;gap:14px;display:grid}.Onboarding>.link{justify-self:center}.PostEditor{gap:14px;display:grid}.Profile{gap:28px;display:grid}.Profile .links{grid-template-columns:1fr 1fr;gap:10px;display:grid}.Profile section{border-top:1px solid var(--line);gap:16px;padding-top:24px;display:grid}.NewQuestion{gap:16px;display:grid}.NewQuestion fieldset{border:0;margin:0;padding:0}.NewQuestion .label{align-items:center;gap:12px;display:flex}.NewQuestion .label b{width:16px;font-family:var(--display);color:var(--muted)}.NewQuestion .buttons{justify-content:flex-end;gap:10px;display:flex}.Questions{gap:16px;display:grid}.Questions header{gap:8px;margin-bottom:4px;display:grid}.Questions .progress{color:var(--muted);font-size:14px}.Questions .progress b{color:var(--fg)}.MatchOverlay{z-index:20;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0913f0;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px 24px;animation:.4s ease-out match-in;display:flex;position:fixed;inset:0}.MatchOverlay .glow{filter:blur(20px);pointer-events:none;background:radial-gradient(closest-side,#ff2b3e59,#c724ff33,#0000);height:50%;position:absolute;inset:20% -20% auto}.MatchOverlay .ghosts{display:flex;position:relative}.MatchOverlay .ghosts .Ghost+.Ghost{margin-left:-22px}.MatchOverlay h1{font-size:52px;position:relative}.MatchOverlay blockquote{border-left:3px solid var(--red);background:var(--card);text-align:left;border-radius:4px 16px 16px 4px;max-width:420px;margin:0;padding:16px 18px;font-style:italic;position:relative}.MatchOverlay .btn{background:var(--dusk);max-width:420px;position:relative}@keyframes match-in{0%{opacity:0;transform:scale(1.04)}}.User{gap:24px;display:grid}.User>.Byline .name{font:600 26px/1.2 var(--display)}.User .post{gap:14px;display:grid}.User .post .text{white-space:pre-wrap;font:400 21px/1.5 var(--display)}.User .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.User .replies,.User .answers{border-top:1px solid var(--line);gap:14px;padding-top:24px;display:grid}.User .reply{border-left:2px solid var(--line);gap:10px;padding:14px 0 14px 16px;display:grid}.User .reply .text{white-space:pre-wrap}.User .reply.chosen{border-left-color:var(--red);background:linear-gradient(90deg,#ff2b3e14,#0000 70%)}.User .tag{color:var(--red);font-size:13px;font-weight:600}.User .compose{justify-items:end;gap:10px;display:grid}.User .legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;display:flex}.User .legend i{border-radius:4px;width:14px;height:14px}.User .legend .theirs{border:1.5px dashed var(--ember)}.User .legend .mine{border:1px solid var(--purple);background:color-mix(in oklab, var(--purple) 22%, var(--input))}.User .legend .both{background:var(--dusk)}.User .answer{background:var(--card);border:1px solid var(--line);border-radius:20px;gap:10px;padding:16px;display:grid}.User .answer .LikeButton{justify-self:start}.User .verdict{color:var(--muted);font-size:13px}.User .verdict.yes{color:var(--mint)}.User .verdict.no{color:var(--red)}.User .comment{color:var(--lilac);font-style:italic}:root{--bg:#0d0913;--card:#16111e;--input:#18121f;--raised:#211a2b;--line:#2a2234;--edge:#33293f;--fg:#f1ebff;--lilac:#c9b8ff;--muted:#8b869e;--mist:#5c5672;--purple:#c724ff;--neon:#e88bff;--red:#ff2b3e;--ember:#ff7a18;--mint:#29ffc7;--dusk:linear-gradient(115deg, var(--purple), var(--red) 62%, var(--ember));--display:Fraunces, ui-serif, Georgia, serif;--body:Inter, ui-sans-serif, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100dvh;color:var(--fg);font:16px/1.5 var(--body);background:radial-gradient(70% 45% at 0% 0%, #c724ff24, transparent 70%), radial-gradient(60% 40% at 100% 100%, #ff2b3e17, transparent 70%), var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.01em;margin:0;line-height:1.15}h1{letter-spacing:-.02em;font-size:42px;font-weight:650}h1 em{color:var(--neon);font-weight:400}h2{font-size:22px;font-weight:600}h3{font-family:var(--body);font-size:17px;font-weight:600;line-height:1.35}p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.lead{color:var(--muted)}.eyebrow{font:600 11px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.dot{color:var(--red)}.error{color:#ff6b78;font-size:14px}.card{background:var(--card);border:1px solid var(--edge);border-radius:24px;padding:18px}.chip{border:1px solid var(--edge);color:var(--lilac);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.btn{border:1px solid var(--edge);background:var(--raised);white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:600;transition:transform .12s,background .2s,border-color .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--purple);color:#fff;box-shadow:0 8px 28px -10px var(--purple);border:0}.btn.ghost{background:0 0}.btn.small{border-radius:12px;min-height:36px;padding:0 14px;font-size:14px}.btn.wide{width:100%}.link{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.field{gap:6px;display:grid}.field>span{color:var(--lilac);font-size:14px;font-weight:500}.field small{color:var(--muted);font-size:13px}input:not([type=checkbox]):not([type=radio]),textarea{border:1px solid var(--line);background:var(--input);border-radius:14px;outline:none;width:100%;min-height:48px;padding:12px 14px;transition:border-color .2s}:is(input:not([type=checkbox]):not([type=radio]),textarea)::placeholder{color:var(--mist)}:is(input:not([type=checkbox]):not([type=radio]),textarea):focus{border-color:var(--purple)}textarea{resize:vertical;line-height:1.55}input[role=switch]{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex:none;width:44px;height:26px;margin:0;transition:background .2s;position:relative}input[role=switch]:after{content:"";background:var(--muted);border-radius:50%;width:20px;transition:transform .2s,background .2s;position:absolute;inset:3px auto 3px 3px}input[role=switch]:checked{background:var(--purple)}input[role=switch]:checked:after{background:#fff;transform:translate(18px)}:focus-visible{outline:2px solid var(--neon);outline-offset:2px}