@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.brand{flex:none;width:160px;height:40px;display:block}.brand path{fill:none;stroke-width:24px}.brand .brand-a{stroke:var(--a)}.brand .brand-b{stroke:var(--b)}.brand .brand-both{fill:var(--both)}.brand text{fill:var(--ink);font-family:var(--display);letter-spacing:-3.7px;font-size:124px;font-weight:700}.brand .brand-c-a{fill:var(--a)}.brand .brand-c-b{fill:var(--b)}.ui-button{font:inherit;cursor:pointer}.card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.home-screen .home-steps{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.home-screen .home-steps li:before{content:counter(list-item) ". ";color:var(--ink);font-weight:600}.circle-diagram{width:100%;max-width:360px;height:auto;margin:0 auto;display:block}.circle-diagram text{fill:var(--a);font-family:var(--display);font-size:15px;font-weight:700}.circle-diagram .circle-a{fill:var(--a-soft);stroke:var(--a);stroke-width:2px}.circle-diagram .circle-b{fill:var(--b-soft);stroke:var(--b);stroke-width:2px}.circle-diagram .circle-common{fill:var(--both)}.circle-diagram .circle-middle{fill:var(--on-fill);font-size:18px}.text-field{flex-direction:column;gap:6px;min-width:0;display:flex}.text-field label{font-size:15px;font-weight:600}.text-field input{border:1.5px solid var(--line);width:100%;min-width:0;color:var(--ink);background:var(--surface);border-radius:12px;padding:11px 14px}.text-field input:focus-visible{outline:3px solid var(--both);outline-offset:3px}.name-field label{font-family:Trebuchet MS,system-ui,sans-serif;font-size:clamp(26px,6.5vw,34px);line-height:1.12}.visually-hidden-label label{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ready-screen .linkbox{align-items:flex-start}.ready-screen .linkbox .text-field{overflow-wrap:anywhere}.invitation-screen .invite-action{align-self:flex-start}.logo-state{--logo-pending:#848199;flex:none;width:70px;height:60px;display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-state{--logo-pending:#9a97ad}}.logo-state path{fill:none}.logo-state-pending path{stroke:var(--logo-pending);stroke-width:2px;stroke-dasharray:5 6}.logo-state-a,.logo-state-b{stroke-width:24px}.logo-state-a{stroke:var(--a)}.logo-state-b{stroke:var(--b)}.logo-state-sleeves{fill:var(--both)}.logo-state[data-status=waiting] .logo-state-b{opacity:0;transform:translate(40px)}.logo-state[data-status=matched] .logo-state-b{transform:translate(20px)}.logo-state:not([data-status=waiting]) .logo-state-pending,.logo-state:not([data-status=settled]) .logo-state-sleeves{opacity:0}@media (prefers-reduced-motion:no-preference){.logo-state-pending{transition:opacity .15s ease-out}.logo-state-b{transition:transform .35s ease-out,opacity .25s ease-out}.logo-state-sleeves{transition:opacity .25s ease-out}.logo-state[data-status=settled] .logo-state-sleeves{transition-delay:.35s}}.session-screen .session-waiting{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.session-screen .result-details,.session-screen .formula-picker{flex-direction:column;gap:12px;display:flex}.session-screen .formulas{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.session-screen .formulas legend{margin-bottom:8px;padding:0}.session-screen .formula-option{border:1.5px solid var(--control-border);min-height:44px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:16px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.session-screen .formula-option:has(input:checked){border-color:var(--both);background:var(--both-soft)}.session-screen .formula-option:has(input:focus-visible){outline:3px solid var(--both);outline-offset:3px}.session-screen .formula-option input[type=radio]{width:24px;height:24px;accent-color:var(--both);flex:none;margin:0;padding:0}.session-screen .formula-option input[type=radio]:focus-visible{outline:none}.session-screen .formula-text{flex-direction:column;gap:4px;min-width:0;display:flex}.session-screen .formula-text strong{font-size:19px;line-height:1.2}.session-screen .formula-text span{color:var(--muted);font-size:15px}.session-screen .formula-picker .btn{align-self:flex-start}.session-screen .settled-card{border:1.5px solid var(--both);background:var(--both-soft)}.session-screen .settled-title{font-family:var(--display);margin:0;font-size:22px;font-weight:700}.session-screen .detail{flex-direction:column;display:flex}.session-screen .line{border-top:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);gap:6px 14px;padding:14px 0;display:grid}.session-screen .line>div{min-width:0}.session-screen .lab{font-size:15px;font-weight:600}.session-screen .tags{flex-wrap:wrap;gap:6px;display:flex}.session-screen .tag-both{color:var(--on-fill);background:var(--both);border-radius:999px;padding:4px 11px;font-size:14px}@media (width<=420px){.session-screen .line{grid-template-columns:1fr}}.progress{background:var(--line);border-radius:99px;height:6px;overflow:hidden}.progress i{border-radius:inherit;background:var(--a);height:100%;transition:width .25s;display:block}.questionnaire-screen .stage{min-height:260px}.questionnaire-screen fieldset{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.questionnaire-screen legend{padding:0;font-size:clamp(26px,6.5vw,34px);line-height:1.12}.questionnaire-screen .chips{flex-wrap:wrap;gap:8px;display:flex}.questionnaire-screen .chip{border:1.5px solid var(--control-border);min-height:48px;color:var(--ink);background:var(--surface);border-radius:999px;padding:11px 18px}.questionnaire-screen .chip:hover{border-color:var(--a)}.questionnaire-screen .chip[aria-pressed=true]{border-color:var(--a);color:var(--on-fill);background:var(--a)}.questionnaire-screen .bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.questionnaire-screen .count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}@media (width<=420px){.questionnaire-screen .bar{align-items:stretch}.questionnaire-screen .bar>*{max-width:100%}}.app-router{min-height:100vh}:root{--display:"Bricolage Grotesque Variable", "Trebuchet MS", system-ui, sans-serif;color:#1c1a2b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f4f8;--surface:#fff;--ink:#1c1a2b;--muted:#5d5a72;--line:#d9dce6;--control-border:#706d80;--a:#17697a;--a-soft:#ddeef1;--b:#c2325a;--b-soft:#f9e1e8;--both:#5a2a70;--both-soft:#ebdff1;--on-fill:#fff;--error:#9b1c3e;font-synthesis:none;text-rendering:optimizelegibility;background:#f2f4f8;font-family:Instrument Sans Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14131d;--surface:#1e1c2a;--ink:#eceaf4;--muted:#bdb9ce;--line:#48445e;--control-border:#827d98;--a:#63c3d6;--a-soft:#173942;--b:#f2869f;--b-soft:#47202c;--both:#cfa4e6;--both-soft:#38244a;--on-fill:#14131d;--error:#ff9db0}}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;padding:24px 16px 0}button,input{font:inherit}main{flex-direction:column;gap:28px;width:min(100%,560px);margin:0 auto;padding-bottom:32px;display:flex}h1,h2{font-family:var(--display);text-wrap:balance;font-weight:700}h1,.intro-title{font-family:var(--display);text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(28px,7vw,38px);font-weight:700;line-height:1.1}h2{overflow-wrap:anywhere;margin:0;font-size:20px;line-height:1.2}p{margin:0}.intro{flex-direction:column;gap:12px;display:flex}.lead{color:var(--muted);overflow-wrap:anywhere;font-size:17px}.hint,.note{color:var(--muted);font-size:15px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--both);outline-offset:3px}input{border:1.5px solid var(--control-border);width:100%;min-width:0;color:var(--ink);background:var(--surface);border-radius:12px;padding:11px 14px}.btn{min-height:46px;color:var(--bg);background:var(--ink);cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-weight:600}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{border:1.5px solid var(--line);color:var(--ink);background:0 0}.btn.small{min-height:44px;padding:8px 14px;font-size:15px}.session-link{min-height:44px;color:var(--a);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.linkbox{gap:8px;display:flex}.linkbox .text-field{flex:1}.linkbox input{font-size:16px}a{color:var(--a)}.error{color:var(--error);font-weight:600}section{flex-direction:column;gap:12px;display:flex}@media (width<=420px){.linkbox{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}