.flow-app{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text);position:relative}.flow-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-border);z-index:10}.flow-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-vivid));transition:width .4s var(--ease-out);width:0%}.coaching-nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.coaching-nav-inner{max-width:72rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.coaching-nav-logo{font-family:var(--font-hand);font-size:1.3rem;color:var(--color-text-subtle);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.coaching-nav-logo:hover{color:var(--color-hand)}.coaching-nav-links{display:flex;gap:var(--space-lg)}.coaching-nav-links a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.coaching-nav-links a:hover{color:var(--color-text)}.coaching-nav-links a.active{color:var(--color-accent)}@media(max-width:640px){.coaching-nav-links{gap:var(--space-md)}.coaching-nav-links a{font-size:var(--text-xs)}}.flow-steps{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 4rem}.flow-step{display:none;width:100%;max-width:40rem;transition:transform .3s var(--ease-out),opacity .3s var(--ease-out)}.flow-step.active{display:block}.step-content{display:grid;gap:var(--space-lg)}.step-number{font-size:var(--text-xl);opacity:.5}.step-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1.1;letter-spacing:-.03em}.step-subtitle{color:var(--color-text-muted);font-size:var(--text-lg);max-width:40ch}.step-description{color:var(--color-text-subtle);font-size:var(--text-sm);margin-block-start:calc(-1 * var(--space-sm))}.flow-input,.flow-textarea{width:100%;padding:0;border:none;border-bottom:2px solid var(--color-border);background:transparent;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:1.4;outline:none;transition:border-color .3s var(--ease-out);caret-color:var(--color-accent)}.flow-textarea{font-family:var(--font-body);font-size:var(--text-lg);font-weight:400;resize:none;border:none;border-left:2px solid var(--color-border);padding-left:var(--space-lg)}.flow-input:focus,.flow-textarea:focus{border-color:var(--color-accent)}.flow-input::placeholder,.flow-textarea::placeholder{color:var(--color-text-subtle);opacity:.5}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake{animation:shake .4s var(--ease-out);border-color:var(--color-hand)!important}.email-error{color:var(--color-hand);font-size:var(--text-xs);margin-top:.5rem;display:block}.flow-options{display:grid;gap:var(--space-md)}.flow-option{display:flex;align-items:center;gap:var(--space-md);padding:1em 1.25em;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-elevated);color:var(--color-text);font-family:inherit;font-size:var(--text-base);cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-out)}.flow-option:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-elevated));transform:translate(4px)}.option-key{display:grid;place-items:center;width:1.75rem;height:1.75rem;border:1px solid var(--color-border);border-radius:4px;font-size:var(--text-xs);font-weight:600;color:var(--color-text-subtle);flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.flow-option:hover .option-key{border-color:var(--color-accent);color:var(--color-accent)}.step-actions{display:flex;align-items:center;gap:var(--space-lg)}.step-hint{font-size:var(--text-xs);color:var(--color-text-subtle)}.step-hint kbd{padding:.15em .4em;border:1px solid var(--color-border);border-radius:3px;font-family:inherit;font-size:.85em}.flow-btn{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.8em;border:none;border-radius:8px;font-family:inherit;font-size:var(--text-base);font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.flow-btn.primary{background:var(--color-accent);color:var(--color-bg)}.flow-btn.primary:hover{background:var(--color-accent-vivid);box-shadow:0 8px 32px var(--color-glow);transform:translateY(-2px)}.flow-btn.secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.flow-btn.secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-arrow{transition:transform var(--duration-fast) var(--ease-spring)}.flow-btn:hover .btn-arrow{transform:translate(4px)}.thank-you{text-align:center;justify-items:center}.thank-annotation{font-size:var(--text-xl)!important}.flow-footer{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:var(--space-md);transition:opacity .3s var(--ease-out)}.flow-nav-btn{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out)}.flow-nav-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.flow-nav-btn:disabled{opacity:.3;cursor:not-allowed}.flow-counter{font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono);min-width:4em;text-align:center}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}