:root{--ink: #191830;--muted: #6a6a85;--faint: #9a9ab0;--card: rgba(255, 255, 255, .88);--card-solid: #ffffff;--hairline: #e4e2f0;--paper: #e4e2f0;--line-strong: #cfcce0;--you: #4a5ff0;--them: #d94f7b;--accord: #12a58a;--warn: #c8871a;--alert: #d6414a;--r-lg: 22px;--r-md: 14px;--r-sm: 10px;--shadow: 0 24px 48px -30px rgba(24, 20, 60, .45);--shadow-soft: 0 10px 24px -18px rgba(24, 20, 60, .5);--sans: "Inter var", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--sans);font-size:16px;line-height:1.55;color:var(--ink);background-color:#f4f3fa;background-image:radial-gradient(70rem 40rem at 8% -10%,rgba(74,95,240,.16),transparent 60%),radial-gradient(55rem 38rem at 105% 8%,rgba(217,79,123,.14),transparent 62%),radial-gradient(50rem 40rem at 50% 115%,rgba(18,165,138,.12),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased}.shell{max-width:44rem;margin:0 auto;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom))}.top{display:flex;align-items:center;gap:.6rem;padding:.6rem 0 1rem}.mark{font-weight:650;letter-spacing:-.02em;font-size:1.02rem}.mark span{color:var(--you)}.session-code{margin-left:auto;font-size:.78rem;color:var(--muted);background:#ffffffb3;border:1px solid var(--hairline);padding:.2rem .6rem;border-radius:999px;font-variant-numeric:tabular-nums;letter-spacing:.06em}.link-state{font-size:.72rem;color:var(--alert)}.progress{margin-bottom:1rem}.bar{height:6px;border-radius:999px;background:#ffffffbf;border:1px solid var(--hairline);overflow:hidden}.bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--you),var(--them));transition:width .5s cubic-bezier(.22,1,.36,1)}.progress-meta{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.5rem;font-size:.76rem;color:var(--muted)}.people-inline{display:flex;gap:.3rem;flex-wrap:wrap}.card{background:var(--card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:var(--r-lg);padding:1.6rem}.card+.card{margin-top:1rem}.hero{padding:2.2rem 0 1.4rem}h1{font-size:clamp(2rem,7.5vw,3rem);line-height:1.05;letter-spacing:-.035em;font-weight:680;margin:0 0 .9rem}h2{font-size:1.15rem;letter-spacing:-.02em;margin:0 0 .6rem}h3{font-size:.95rem;margin:1.8rem 0 .6rem}h4.topic-heading{font-size:.82rem;color:var(--muted);font-weight:600;margin:1.4rem 0 .3rem}.lede{color:var(--muted);max-width:34rem;margin:0 0 1rem}.badges{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.4rem}.badge{font-size:.75rem;color:var(--muted);background:#ffffffbf;border:1px solid var(--hairline);border-radius:999px;padding:.25rem .7rem}.panels{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.panels .card{margin-top:0}.card.focus{border-color:#4a5ff066;box-shadow:0 0 0 3px #4a5ff01f,var(--shadow)}label{display:block;font-size:.78rem;color:var(--muted);margin:.9rem 0 .3rem}input{width:100%;padding:.75rem .85rem;border:1px solid var(--hairline);border-radius:var(--r-md);background:#fff;font:inherit;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus{outline:none;border-color:var(--you);box-shadow:0 0 0 3px #4a5ff026}input:focus-visible,button:focus-visible{outline:2px solid var(--you);outline-offset:2px}.code-input{letter-spacing:.35em;text-transform:uppercase;font-size:1.15rem;font-weight:600;text-align:center}button{font:inherit;cursor:pointer}.primary{display:block;width:100%;margin-top:1.2rem;padding:.9rem 1.1rem;border:none;border-radius:999px;background:linear-gradient(120deg,var(--you),#6f4be0);color:#fff;font-weight:600;letter-spacing:-.01em;box-shadow:var(--shadow-soft);transition:transform .12s ease,opacity .15s ease}.primary:active:not(:disabled){transform:translateY(1px)}.primary:disabled{background:#dedbec;color:#8f8ca6;box-shadow:none;cursor:default}.ghost{display:inline-block;margin-top:.7rem;padding:.55rem 1rem;border-radius:999px;background:#ffffffa6;border:1px solid var(--hairline);color:var(--muted)}.ghost:hover{color:var(--ink);border-color:var(--line-strong)}.note{font-size:.78rem;color:var(--muted);margin:.6rem 0 0}.flag{display:inline-block;font-size:.74rem;color:var(--alert);background:#d6414a14;border-radius:999px;padding:.2rem .65rem;margin:0 0 .8rem}.error{background:var(--alert);color:#fff;padding:.7rem .9rem;border-radius:var(--r-md);margin:0 0 1rem;font-size:.85rem;cursor:pointer}.waiting{font-size:.88rem;color:var(--muted);margin:0}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font-size:.74rem;font-weight:600;color:#fff;background:var(--faint)}.chip.slot-0{background:var(--you)}.chip.slot-1{background:var(--them)}.chip.off{opacity:.35}.big-code{font-size:clamp(2.4rem,13vw,3.4rem);letter-spacing:.16em;font-weight:300;margin:.2rem 0 .4rem;text-align:center;background:linear-gradient(120deg,var(--you),var(--them));-webkit-background-clip:text;background-clip:text;color:transparent}.share{display:flex;gap:.5rem;align-items:center;background:#fff;border:1px solid var(--hairline);border-radius:var(--r-md);padding:.5rem .5rem .5rem .85rem;margin-top:.5rem}.share code{flex:1;font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share button{flex:none;margin:0;padding:.45rem .85rem;border-radius:999px;border:none;background:var(--ink);color:#fff;font-size:.8rem;font-weight:600}.share button.copied{background:var(--accord)}.people{list-style:none;padding:0;margin:1.4rem 0 0}.person{display:flex;align-items:center;gap:.65rem;padding:.65rem 0;border-top:1px solid var(--hairline);font-size:.92rem}.person .dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--line-strong)}.person.slot-0 .dot{background:var(--you)}.person.slot-1 .dot{background:var(--them)}.person .tag{margin-left:auto;font-size:.75rem;color:var(--muted)}.q-head{display:flex;justify-content:space-between;gap:.75rem;font-size:.76rem;color:var(--muted);margin-bottom:.9rem}.q-topic{font-size:.76rem;color:var(--you);font-weight:600;margin:0}.q-text{font-size:clamp(1.3rem,5vw,1.65rem);line-height:1.22;letter-spacing:-.025em;font-weight:640;margin:0 0 .5rem}.multi{font-size:.76rem;color:var(--faint);margin:0 0 .9rem}.options{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.option{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.85rem .9rem;background:#fff;border:1px solid var(--hairline);border-radius:var(--r-md);color:inherit;transition:border-color .14s ease,background .14s ease,transform .1s ease}.option:hover:not(:disabled){border-color:var(--line-strong)}.option:active:not(:disabled){transform:scale(.995)}.option.on{border-color:var(--you);background:#4a5ff00f}.option:disabled{cursor:default;opacity:.65}.option .letter{flex:none;width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:600;color:var(--muted);background:#f1f0f8}.option.on .letter{background:var(--you);color:#fff}.tradition{margin-top:1rem}.waiting-box{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1.2rem;padding:.85rem 1rem;background:#4a5ff012;border-radius:var(--r-md)}.waiting-box .ghost{margin:0 0 0 auto;background:#fff}.pulse{width:.6rem;height:.6rem;border-radius:50%;background:var(--you);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.lock-note{border-top:1px solid var(--hairline);margin-top:1.1rem;padding-top:.8rem}.result-head{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin:1rem 0 1.25rem}.verdict{flex:1 1 12rem}.verdict-label{font-size:1.1rem;font-weight:640;letter-spacing:-.02em;margin:0 0 .2rem}.verdict-detail{font-size:.85rem;color:var(--muted);margin:0}.answers{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.answer{background:#fff;border:1px solid var(--hairline);border-left:3px solid var(--line-strong);border-radius:var(--r-md);padding:.75rem .9rem}.answer.slot-0{border-left-color:var(--you)}.answer.slot-1{border-left-color:var(--them)}.answer .who{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted);margin:0 0 .4rem}.answer ul{margin:0;padding-left:1rem;font-size:.9rem}.recap{width:100%;border-collapse:collapse;font-size:.85rem}.recap td{border-top:1px solid var(--hairline);padding:.6rem .35rem;vertical-align:middle}.recap tr:first-child td{border-top:none}.recap .pair{white-space:nowrap;width:5rem}.recap .pair .chip+.chip{margin-left:.2rem}.recap .weight,.recap .score-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:3.5rem;font-weight:600}.score-cell[data-band=high]{color:var(--accord)}.score-cell[data-band=mid]{color:var(--warn)}.score-cell[data-band=low]{color:var(--alert)}.caps{margin:.5rem 0 0;padding:.75rem .9rem .75rem 2rem;background:#d6414a12;border-radius:var(--r-md);font-size:.83rem;color:var(--alert)}.blockers{background:#fff;border:1px solid var(--hairline);border-left:3px solid var(--alert);border-radius:var(--r-md);padding:.9rem 1rem;margin:1.2rem 0}.blockers h3{margin:0 0 .4rem}.blockers ul{margin:0;padding-left:1rem;font-size:.88rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.actions .ghost{flex:1 1 12rem;text-align:center;margin:0}@media (max-width: 640px){.shell{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.card{padding:1.25rem;border-radius:18px}.sticky-action{position:fixed;left:0;right:0;bottom:0;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:linear-gradient(to top,#f4f3faf7 65%,#f4f3fa00);z-index:20}.sticky-action .primary{margin-top:0;max-width:44rem;margin-inline:auto}}.fade-in{animation:fade-in .4s cubic-bezier(.22,1,.36,1) both}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media print{body{background:#fff}.top,.progress,.actions,.primary,.ghost,.sticky-action{display:none!important}.card{border:none;box-shadow:none;padding:0;backdrop-filter:none}}.lang-switch{display:flex;border:var(--border);margin-left:.5rem}.lang-switch button{border:none;background:transparent;color:var(--ink);font-weight:800;font-size:.76rem;padding:.2rem .5rem}.lang-switch button+button{border-left:var(--border)}.lang-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.hide-toggle{margin-top:1.2rem;padding-top:1rem;border-top:var(--border)}.switch{display:inline-flex;align-items:center;gap:.6rem;padding:0;border:none;background:transparent;color:var(--ink);font-weight:800;font-size:.92rem}.switch .knob{position:relative;width:2.9rem;height:1.6rem;flex:none;border:var(--border);background:var(--paper)}.switch .knob:after{content:"";position:absolute;top:2px;left:2px;width:calc(1.6rem - 8px);height:calc(1.6rem - 8px);background:var(--ink);transition:transform .14s cubic-bezier(.2,0,0,1)}.switch[aria-checked=true] .knob{background:var(--ink)}.switch[aria-checked=true] .knob:after{background:var(--paper);transform:translate(1.3rem)}.switch:disabled{opacity:.5;cursor:default}.mini-flag{display:inline-block;margin-left:.5rem;background:var(--ink);color:var(--paper);font-size:.7rem;font-weight:800;padding:.05rem .45rem}.masked{margin:0;font-weight:800;font-size:.92rem;letter-spacing:-.01em;padding:.35rem 0;opacity:.55}.chip.masked-chip{opacity:.55}.chip.masked-chip:before{background:var(--ink-60)!important}