.tp-wrap{max-width:820px;margin:0 auto;padding:24px}.tp-progress{gap:6px;margin-bottom:32px;display:flex}.tp-progress-dot{background:var(--border);border-radius:2px;flex:1;height:4px;transition:background .3s}.tp-progress-dot.active{background:var(--accent)}.tp-progress-dot.done{background:var(--accent-2)}.tp-step{animation:.4s ease-out tpFadeIn;display:none}.tp-step.active{display:block}@keyframes tpFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tp-step-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:.78rem;font-weight:600;display:block}.tp-step h2{margin-bottom:24px}.tp-step .lead{color:var(--muted);margin-bottom:32px}.tp-options{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.tp-option{background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;color:var(--text);border-radius:12px;padding:22px 20px;font-family:inherit;transition:all .2s;position:relative}.tp-option:hover{border-color:var(--accent);background:#22d3ee0d;transform:translateY(-3px);box-shadow:0 12px 32px -16px #22d3ee59}.tp-option-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:.72rem;font-weight:600}.tp-option-title{color:#fff;margin-bottom:6px;font-size:1.05rem;font-weight:700}.tp-option-note{color:var(--muted);font-size:.85rem;line-height:1.5}.tp-controls{justify-content:space-between;align-items:center;margin-top:32px;display:flex}.tp-back{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:.88rem}.tp-back:hover{color:var(--text);border-color:var(--muted)}.tp-back:disabled{opacity:.4;cursor:not-allowed}.tp-counter{color:var(--muted-2);font-size:.85rem}.tp-result-hero{text-align:center;background:linear-gradient(135deg,#22d3ee0f,#4f7cff0a);border:1px solid #22d3ee40;border-radius:16px;margin-bottom:28px;padding:32px 20px}.tp-result-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-3);margin-bottom:12px;font-size:.78rem;font-weight:700}.tp-result-tech{color:#fff;letter-spacing:-.02em;margin:8px 0;font-size:2.4rem;font-weight:800}.tp-result-sub{color:var(--muted);margin:0}.tp-result-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}@media (width<=640px){.tp-result-grid{grid-template-columns:1fr}}.tp-result-cell{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 20px}.tp-result-cell h4{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:.78rem;font-weight:600}.tp-result-cell p{color:var(--text);margin:0;font-size:.92rem;line-height:1.6}.tp-result-alt{border:1px dashed var(--border);color:var(--muted);border-radius:10px;margin-top:28px;padding:18px 22px;font-size:.9rem}.tp-result-alt strong{color:var(--accent-2)}.tp-result-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.tp-restart{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:.88rem;text-decoration:underline}.tp-restart:hover{color:var(--accent)}