.workflow-shell{--font-sans:var(--font-dm-sans), system-ui, -apple-system, sans-serif}.workflow-intro-phase,.workflow-score-phase,.workflow-unlocked-phase{background:radial-gradient(circle at 18% 18%, #3ebdb72e, transparent 28%), radial-gradient(circle at 82% 6%, #f766561f, transparent 24%), var(--color-bg)}.workflow-intro-content{max-width:640px}.workflow-restore-btn{margin:14px auto 0;display:block}.workflow-options-grid{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.workflow-answer-card{text-align:left;border:2px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text);cursor:pointer;touch-action:manipulation;background:#fff;grid-template-columns:42px 1fr;align-items:start;gap:4px 12px;min-height:86px;padding:15px 16px;transition:border-color .16s,box-shadow .16s,transform .12s,background .16s;display:grid}.workflow-answer-card:hover{border-color:var(--color-teal);background:#3ebdb70e;transform:translateY(-1px);box-shadow:0 8px 24px #3ebdb71f}.workflow-answer-card:active{transform:scale(.99)}.workflow-answer-active{border-color:var(--color-teal);background:linear-gradient(135deg,#3ebdb724,#fffffffa);box-shadow:0 10px 30px #3ebdb72e}.workflow-answer-letter{background:var(--color-card);width:34px;height:34px;color:var(--color-teal2);border:1px solid #3ebdb73d;border-radius:50%;grid-row:span 2;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex}.workflow-answer-active .workflow-answer-letter{background:var(--color-teal);color:#fff}.workflow-answer-label{letter-spacing:-.01em;font-size:15px;font-weight:800;line-height:1.35}.workflow-answer-hint{color:var(--color-text-muted);font-size:12px;line-height:1.35}.tf-nav-btn{border-radius:var(--radius-sm);border:2px solid var(--color-border);min-height:44px;color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;background:0 0;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;font-weight:800;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.tf-nav-btn:hover:not(:disabled){border-color:var(--color-teal);color:var(--color-teal2);background:#3ebdb714}.tf-nav-btn:disabled{opacity:.45;cursor:not-allowed}.tf-nav-next{color:var(--color-dark);background:#3ebdb72e;border-color:#3ebdb76b}.workflow-step-label{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800;display:none}.tf-score-card{text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;max-width:560px;display:flex}.workflow-result-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff85;border:1px solid #e5e3d5db;border-radius:24px;padding:24px 18px;box-shadow:0 18px 60px #1326341a}.workflow-score-ring{margin-top:2px}.workflow-dimension-value{font-variant-numeric:tabular-nums;font-size:14px;font-weight:900}.workflow-status-card{border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:#fff9;border-radius:24px;padding:32px 22px}.workflow-error-icon{animation:none}.workflow-unlocked-card{max-width:640px}.workflow-action-card{border-left-color:var(--color-teal2)}.workflow-final-note{max-width:460px}@media (min-width:560px){.workflow-answer-card{grid-template-columns:48px 1fr;padding:17px 18px}.workflow-answer-label{font-size:16px}.workflow-step-label{display:inline-block}.workflow-result-card{padding:30px 28px}}