.sa{--sa-surface: color-mix(in srgb, var(--color-secondaryDark) 12%, transparent);--sa-border: color-mix(in srgb, var(--color-accent) 20%, transparent);--sa-border-hover: color-mix(in srgb, var(--color-accent) 42%, transparent);--sa-text: var(--color-white);--sa-muted: var(--color-secondary);--sa-hint: color-mix(in srgb, var(--color-accent) 80%, transparent);--sa-tag: color-mix(in srgb, var(--color-secondaryDark) 10%, transparent)}.sa .sa-progress{height:1px;background:var(--sa-border);margin-bottom:2.5rem;border-radius:1px}.sa .sa-progress-fill{height:100%;background:linear-gradient(120deg,var(--color-primaryDark),var(--color-accent));border-radius:1px;width:0%;transition:width .4s cubic-bezier(.4,0,.2,1)}.sa .sa-step-label{font-size:11px;letter-spacing:.1em;color:var(--sa-muted);margin-bottom:1.25rem;text-transform:uppercase}.sa .sa-question{font-family:Albert Sans,sans-serif;font-size:26px;font-weight:600;line-height:1.35;color:var(--sa-text);margin-bottom:.5rem}.sa .sa-hint{font-size:14px;color:var(--sa-muted);margin-bottom:2rem;line-height:1.6}.sa .sa-options{display:flex;flex-direction:column;gap:8px}.sa .sa-opt{display:block;width:100%;text-align:left;padding:14px 18px;font-size:15px;font-family:inherit;background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:8px;cursor:pointer;color:var(--sa-text);line-height:1.4;transition:border-color .15s,background .15s}.sa .sa-opt:hover,.sa .sa-opt.selected{border-color:var(--sa-border-hover);background:color-mix(in srgb,var(--color-secondaryDark) 18%,transparent)}.sa .sa-tri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sa .sa-tri-btn{padding:18px 10px;text-align:center;font-size:14px;font-family:inherit;background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:8px;cursor:pointer;color:var(--sa-text);transition:border-color .15s,background .15s}.sa .sa-tri-btn:hover,.sa .sa-tri-btn.selected{border-color:var(--sa-border-hover);background:color-mix(in srgb,var(--color-secondaryDark) 18%,transparent)}.sa .sa-tri-hint{font-size:13px;color:var(--sa-hint);margin-top:10px;text-align:center}.sa .sa-btn-back{padding:9px 18px;font-size:13px;font-family:inherit;background:transparent;border:1px solid var(--sa-border);border-radius:6px;cursor:pointer;color:var(--sa-muted);transition:border-color .15s,color .15s}.sa .sa-btn-back:hover{border-color:var(--sa-border-hover);color:var(--sa-text)}.sa .sa-btn-next{padding:11px 24px;font-size:14px;font-family:inherit;font-weight:600;background:var(--color-primaryDark);border:1px solid transparent;border-radius:8px;cursor:pointer;color:#f0f0ff;transition:transform .2s,box-shadow .2s}.sa .sa-btn-next:hover{transform:translateY(-2px);box-shadow:0 12px 40px -8px var(--color-primaryDark)}.sa .sa-result-title{font-family:Albert Sans,sans-serif;font-size:28px;font-weight:600;line-height:1.3;color:var(--sa-text);margin-bottom:1.1rem}.sa .sa-result-why{font-size:15px;color:var(--sa-muted);line-height:1.8;margin-bottom:2rem;white-space:pre-line}.sa .sa-stack-box{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.sa .sa-stack-label{font-size:11px;letter-spacing:.1em;color:var(--sa-muted);text-transform:uppercase;margin-bottom:1rem}.sa .sa-stack-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--sa-border)}.sa .sa-stack-row:last-child{border-bottom:none;padding-bottom:0}.sa .sa-stack-role{font-size:13px;color:var(--sa-muted)}.sa .sa-stack-tool{font-size:14px;font-weight:500;text-align:right;max-width:60%;color:var(--sa-text)}.sa .sa-naf{margin-bottom:1.25rem}.sa .sa-naf-label{font-size:11px;letter-spacing:.1em;color:var(--sa-hint);text-transform:uppercase;margin-bottom:5px}.sa .sa-naf-text{font-size:14px;color:var(--sa-muted);line-height:1.6}.sa .sa-honest-box{border-left:2px solid color-mix(in srgb,var(--color-accent) 35%,transparent);padding-left:1.1rem;margin-bottom:1.75rem}.sa .sa-honest-label{font-size:11px;letter-spacing:.1em;color:var(--sa-muted);text-transform:uppercase;margin-bottom:5px}.sa .sa-honest-text{font-size:14px;color:var(--sa-text);line-height:1.7;white-space:pre-line}.sa .sa-pnote{padding:13px 16px;background:var(--sa-tag);border-radius:8px;margin-bottom:1.75rem}.sa .sa-pnote-label{font-size:11px;letter-spacing:.1em;color:var(--sa-muted);text-transform:uppercase;margin-bottom:5px}.sa .sa-pnote-text{font-size:13px;color:var(--sa-text);line-height:1.65;font-style:italic;white-space:pre-line}.sa .sa-refine-box{border:1px solid var(--sa-border);border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:2rem}.sa .sa-refine-title{font-size:15px;font-weight:500;color:var(--sa-text);margin-bottom:5px}.sa .sa-refine-sub{font-size:13px;color:var(--sa-muted);margin-bottom:1rem;line-height:1.5}.sa .sa-ref-toggle{padding:8px 16px;font-size:13px;font-family:inherit;background:transparent;border:1px solid var(--sa-border);border-radius:6px;cursor:pointer;color:var(--sa-text);transition:border-color .15s}.sa .sa-ref-toggle:hover{border-color:var(--sa-border-hover)}.sa .sa-ref-qlabel{font-size:13px;font-weight:500;color:var(--sa-text);margin-bottom:8px;margin-top:1rem}.sa .sa-ref-opts{display:flex;flex-direction:column;gap:6px}.sa .sa-ref-opt{padding:8px 12px;font-size:13px;font-family:inherit;background:transparent;border:1px solid var(--sa-border);border-radius:6px;cursor:pointer;text-align:left;color:var(--sa-text);transition:border-color .15s,background .15s}.sa .sa-ref-opt:hover,.sa .sa-ref-opt.selected{border-color:var(--sa-border-hover);background:color-mix(in srgb,var(--color-secondaryDark) 18%,transparent)}.sa .sa-ref-note{font-size:13px;color:var(--sa-muted);line-height:1.6;padding:12px 14px;background:var(--sa-tag);border-radius:8px;margin-top:.75rem}.sa .sa-btn-talk{padding:11px 22px;font-size:14px;font-family:inherit;font-weight:600;background:var(--color-primaryDark);border:1px solid transparent;border-radius:8px;cursor:pointer;color:#f0f0ff;text-decoration:none;display:inline-block;transition:transform .2s,box-shadow .2s}.sa .sa-btn-talk:hover{transform:translateY(-2px);box-shadow:0 12px 40px -8px var(--color-primaryDark)}
