.frame-diag{--c-accent-glow: rgba(245, 197, 24, .18);font-family:var(--font-body);color:var(--color-fg)}.frame-diag__progress{display:flex;gap:.45rem;margin-bottom:1.6rem}.frame-diag__progress-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-gray-soft);transition:background .2s ease,transform .2s ease}.frame-diag__progress-dot.is-answered{background:var(--c-accent);transform:scale(1.15)}.frame-diag__list{list-style:none;padding:0;margin:0 0 1.6rem;display:flex;flex-direction:column;gap:1.8rem}.frame-diag__item{display:grid;grid-template-columns:2.6rem 1fr;gap:.4rem 1rem;align-items:start}.frame-diag__num{grid-column:1;grid-row:1 / span 2;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.12em;color:var(--color-fg-dim);padding-top:.18rem}.frame-diag__q{grid-column:2;font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.25;letter-spacing:-.005em;color:var(--color-fg);margin:0 0 .75rem;max-width:36ch}.frame-diag__choices{grid-column:2;display:grid;grid-template-columns:1fr;gap:.55rem}@media(min-width:640px){.frame-diag__choices{grid-template-columns:1fr 1fr}}.frame-diag__choice{appearance:none;background:transparent;border:1px solid var(--color-rule);text-align:left;cursor:pointer;padding:.85rem 1rem;display:grid;grid-template-columns:1.4rem 1fr;gap:.7rem;align-items:start;color:var(--color-fg);font-family:var(--font-body);font-size:.92rem;line-height:1.4;transition:border-color .15s ease,background .15s ease}.frame-diag__choice:hover,.frame-diag__choice.is-picked{border-color:var(--c-accent);background:var(--c-accent-glow)}.frame-diag__choice-letter{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;color:var(--color-fg-dim);padding-top:.16rem}.frame-diag__choice.is-picked .frame-diag__choice-letter{color:var(--c-accent);font-weight:700}.frame-diag__submit{appearance:none;display:inline-grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.95rem 1.2rem;background:var(--c-accent);color:var(--color-bg);border:0;cursor:pointer;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;min-width:16rem;transition:filter .15s ease,transform .15s ease,opacity .15s ease}.frame-diag__submit:hover:not(:disabled){filter:brightness(1.05);transform:translate(3px)}.frame-diag__submit:disabled{opacity:.4;cursor:not-allowed}.frame-diag__submit-arrow{font-size:1.1rem;transition:transform .15s ease}.frame-diag__submit:hover:not(:disabled) .frame-diag__submit-arrow{transform:translate(3px)}.frame-diag--result{border-top:1px solid var(--color-rule);padding-top:1.6rem}.frame-diag__result-kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent);margin-bottom:.5rem}.frame-diag__result-label{font-family:var(--font-display);font-weight:900;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.05;letter-spacing:-.012em;text-transform:uppercase;color:var(--color-fg);margin:0 0 1.3rem}.frame-diag__spectrum{margin:0 0 1.5rem;max-width:36rem}.frame-diag__spectrum-track{position:relative;height:3.4rem;background:linear-gradient(90deg,#f5c51829,#f5c5188c);border:1px solid var(--color-rule)}.frame-diag__spectrum-end{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--color-fg);padding:.4rem .6rem;pointer-events:none}.frame-diag__spectrum-end--iq{left:.6rem;opacity:.6}.frame-diag__spectrum-end--sys{right:.6rem;opacity:.95}.frame-diag__spectrum-marker{position:absolute;top:-4px;bottom:-4px;width:4px;background:var(--color-fg);transform:translate(-50%);box-shadow:0 0 0 3px var(--c-accent-glow)}.frame-diag__spectrum-score{margin-top:.55rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;color:var(--color-fg-dim)}.frame-diag__result-body{font-family:var(--font-body);font-size:1.05rem;line-height:1.55;color:var(--color-fg);margin:0 0 1.6rem;max-width:40rem}.frame-diag__reset{appearance:none;background:transparent;border:0;color:var(--color-fg-dim);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:0;border-bottom:1px dotted var(--color-fg-dim);transition:color .15s ease,border-color .15s ease}.frame-diag__reset:hover{color:var(--c-accent);border-bottom-color:var(--c-accent)}