.cf-shell{max-width:760px;margin:0 auto}.cf-steps{display:flex;align-items:stretch;gap:0;margin-bottom:-1px}.cf-step{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.6rem;background:transparent;border:1px solid var(--color-border);border-bottom-color:var(--color-accent);color:var(--color-text-muted);font-family:var(--font-display);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;padding:.7rem .5rem;cursor:default;transition:all .3s}.cf-step+.cf-step{border-left:none}.cf-step-done{cursor:pointer;color:var(--color-text);border-bottom-color:var(--color-accent-secondary)}.cf-step-done:hover{color:var(--color-accent);background:rgba(0,212,255,.04)}.cf-step-active{color:var(--color-accent);border-color:var(--color-accent);border-bottom-color:transparent;background:var(--color-bg-card);box-shadow:inset 0 2px 0 var(--color-accent)}.cf-step-num{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:1px solid;font-size:.75rem;flex-shrink:0}.cf-step-active .cf-step-num{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);box-shadow:0 0 12px var(--glow-color)}.cf-panel{border:1px solid var(--color-accent);background:linear-gradient(135deg,var(--color-bg-card) 0,rgba(15,20,25,.85) 100%);padding:2rem;position:relative;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);box-shadow:var(--border-glow)}.cf-stage{display:flex;flex-direction:column;gap:1rem;animation:cf-fade .35s ease both}@keyframes cf-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cf-question{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.04em;color:var(--color-text);margin:0}.cf-note{color:var(--color-text-muted);font-size:.95rem;margin:-.5rem 0 .25rem}.cf-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:.85rem;gap:.85rem}.cf-option{display:flex;flex-direction:column;gap:.35rem;text-align:left;padding:1.1rem 1.2rem;background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.cf-option:focus-visible,.cf-option:hover{border-color:var(--color-accent);box-shadow:var(--border-glow);transform:translateY(-2px);outline:none}.cf-option-picked{border-color:var(--color-accent-secondary);box-shadow:0 0 12px var(--glow-secondary)}.cf-option-label{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.03em}.cf-option-hint{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.cf-field{display:flex;flex-direction:column;gap:.4rem}.cf-field-label{font-family:var(--font-display);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.cf-optional{text-transform:none;letter-spacing:0;opacity:.6;font-size:.75rem}.cf-input,.cf-select,.cf-textarea{width:100%;background:var(--color-bg-bg);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-main);font-size:1rem;padding:.75rem .9rem;border-radius:var(--radius-button);transition:border-color .3s,box-shadow .3s}.cf-textarea{resize:vertical;min-height:8rem;line-height:1.6}.cf-input:focus,.cf-select:focus,.cf-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),var(--border-glow)}.cf-input::placeholder,.cf-textarea::placeholder{color:var(--color-text-muted);opacity:.6}.cf-actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:.5rem}.cf-btn{font-family:var(--font-display);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;padding:.75rem 1.75rem;background:var(--color-accent);color:var(--color-bg);border:1px solid var(--color-accent);cursor:pointer;transition:all .3s;-webkit-clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));text-decoration:none;display:inline-block}.cf-btn:hover:not(:disabled){box-shadow:0 0 20px var(--glow-color-strong);transform:translateY(-2px);color:var(--color-bg)}.cf-btn-disabled,.cf-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.cf-btn-ghost{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.cf-btn-ghost:hover{color:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--border-glow)}.cf-done{border:1px solid var(--color-accent-secondary);background:var(--color-bg-card);padding:2rem;text-align:center;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);box-shadow:0 0 20px var(--glow-secondary)}.cf-done-mark{font-size:2.5rem;color:var(--color-accent-secondary);line-height:1;margin-bottom:.75rem}.cf-done h3{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.04em;margin-bottom:.5rem}.cf-done p,.cf-transcript{color:var(--color-text-muted);margin-bottom:1.25rem}.cf-transcript{text-align:left;background:var(--color-bg-bg);border:1px solid var(--color-border);padding:1rem;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.82rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:18rem;overflow-y:auto}.cf-done-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.cf-fallback{text-align:center;font-size:.9rem;color:var(--color-text-muted);margin-top:1.25rem}[data-theme=light] .cf-panel{background:var(--color-bg-card);border-color:var(--color-border);box-shadow:0 2px 16px rgba(0,0,0,.06)}[data-theme=light] .cf-step-active{background:var(--color-bg-card);box-shadow:inset 0 2px 0 var(--color-accent)}[data-theme=light] .cf-option{background:var(--color-bg-bg)}[data-theme=light] .cf-btn,[data-theme=light] .cf-btn:hover:not(:disabled){color:#ffffff}[data-theme=light] .cf-done{box-shadow:0 2px 16px rgba(0,0,0,.06)}@media (max-width:640px){.cf-panel{padding:1.25rem}.cf-step,.cf-steps{font-size:.7rem}.cf-step{padding:.6rem .3rem;flex-direction:column;gap:.3rem}.cf-step-label{display:none}.cf-question{font-size:1.3rem}.cf-options{grid-template-columns:1fr}.cf-actions{flex-direction:column-reverse}.cf-btn{width:100%;text-align:center}}