.playbook{background-color:var(--color-surface-primary);min-height:100svh}.playbook__header{padding-top:calc(var(--nav-height) + var(--space-7));padding-bottom:var(--space-6);padding-inline:var(--space-site-gutter)}.playbook__back{align-items:center;gap:var(--space-inline-gap);font-size:var(--font-size-sm);font-weight:var(--font-weight-label);color:var(--color-text-secondary);margin-bottom:var(--space-component-gap);transition:color var(--duration-interaction) var(--easing-default);text-decoration:none;display:inline-flex}.playbook__back:hover{color:var(--color-accent-default)}.playbook__back:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--border-radius-component)}.playbook__eyebrow{font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-label-gap)}.playbook__title{font-size:var(--font-size-h1-fluid);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-heading);color:var(--color-text-primary);margin-bottom:var(--space-element-gap)}.playbook__subtitle{font-size:var(--font-size-lead);color:var(--color-text-secondary);line-height:var(--line-height-body);max-width:52ch;margin-bottom:var(--space-component-gap)}.playbook__progress-track{background:var(--color-border-default);border-radius:var(--border-radius-full);max-width:52ch;height:2px;overflow:hidden}.playbook__progress-fill{background:var(--color-accent-default);border-radius:var(--border-radius-full);height:100%;width:var(--progress,0%);transition:width var(--duration-interaction) var(--easing-default)}.playbook__progress-label{margin-top:var(--space-inline-gap);font-size:var(--font-size-label);color:var(--color-text-secondary);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label)}.playbook__method-bar{border-bottom:1px solid var(--color-border-default);padding-inline:var(--space-site-gutter)}.playbook__layout{padding-inline:var(--space-site-gutter);padding-top:var(--space-6);padding-bottom:var(--space-section-gap)}.playbook__content{gap:var(--space-component-gap);flex-direction:column;min-width:0;display:flex}.playbook__nav-actions{padding-top:var(--space-6);border-top:1px solid var(--color-border-default);margin-top:var(--space-element-gap);justify-content:space-between;align-items:center;display:flex}.playbook__nav-btn{align-items:center;gap:var(--space-inline-gap);padding:var(--space-inline-gap) var(--space-component-gap);border:1px solid var(--color-border-default);border-radius:var(--border-radius-full);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--duration-interaction) var(--easing-default), color var(--duration-interaction) var(--easing-default), background var(--duration-interaction) var(--easing-default);background:0 0;display:inline-flex}.playbook__nav-btn:hover{border-color:var(--color-accent-default);color:var(--color-accent-default)}.playbook__nav-btn--next{background:var(--color-accent-default);border-color:var(--color-accent-default);color:var(--color-accent-foreground)}.playbook__nav-btn--next:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent-foreground)}.playbook__nav-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.playbook__nav-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.method-nav__list{scrollbar-width:none;flex-direction:row;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.method-nav__list::-webkit-scrollbar{display:none}.method-nav__item{display:block}.method-nav__btn{padding:var(--space-label-gap) var(--space-element-gap);cursor:pointer;white-space:nowrap;font-family:var(--font-family-base);color:var(--color-text-secondary);transition:color var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;margin-bottom:-1px;display:flex}.method-nav__btn:hover{color:var(--color-text-primary)}.method-nav__btn--active{border-bottom:3px solid var(--color-accent-default);color:var(--color-accent-default)}.method-nav__btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.method-nav__title{font-size:var(--font-size-body);font-weight:var(--font-weight-heading);line-height:1}.method-nav__select{display:none}.step-progress{align-items:center;gap:var(--space-element-gap);padding-bottom:var(--space-component-gap);border-bottom:1px solid var(--color-border-default);flex-direction:row;display:flex}.step-progress__list{align-items:center;gap:var(--space-label-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.step-progress__item{align-items:center;display:flex}.step-progress__dot{background:var(--color-border-default);cursor:pointer;width:10px;height:10px;transition:background var(--duration-interaction) var(--easing-default), transform var(--duration-interaction) var(--easing-default);border:none;border-radius:50%;padding:0}.step-progress__dot:hover{background:var(--color-accent-default);transform:scale(1.3)}.step-progress__dot--active{background:var(--color-accent-default);transform:scale(1.4)}.step-progress__dot--completed{background:var(--color-accent-default);opacity:.45}.step-progress__dot--active.step-progress__dot--completed{opacity:1}.step-progress__dot:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}.step-progress__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:0}.step-progress__timebox{font-size:var(--font-size-label);font-family:var(--font-family-mono);color:var(--color-text-secondary);margin-left:var(--space-inline-gap)}.step-view{gap:var(--space-7);flex-direction:column;max-width:72ch;margin-inline:auto;display:flex}.step-view__header{gap:var(--space-label-gap);flex-direction:column;display:flex}.step-view__eyebrow{font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-secondary)}.step-view__title{font-size:var(--font-size-h3-fluid);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-heading);color:var(--color-text-primary)}.step-view__meta{align-items:center;gap:var(--space-label-gap);flex-wrap:wrap;display:flex}.step-view__timebox,.step-view__reference{font-size:var(--font-size-label);font-weight:var(--font-weight-label);font-family:var(--font-family-mono);color:var(--color-text-secondary);background:var(--color-surface-secondary);padding:var(--space-tight-gap) var(--space-label-gap);border-radius:var(--border-radius-full);letter-spacing:var(--letter-spacing-label);align-items:center;display:inline-flex}.step-view__section-label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-label-gap)}.step-view__objective-text{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.step-view__prompts-list{gap:var(--space-label-gap);flex-direction:column;display:flex}.step-view__notes-input{resize:vertical;width:100%;min-height:120px;padding:var(--input-padding-y) var(--input-padding-x);font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-body);border:1px solid var(--input-border);border-radius:var(--input-border-radius);background:var(--input-background);color:var(--input-foreground);transition:border-color var(--duration-interaction) var(--easing-default)}.step-view__notes-input:hover{border-color:var(--color-border-strong)}.step-view__notes-input:focus{border-color:var(--color-border-focus);outline:2px solid var(--color-border-focus);outline-offset:2px}.step-view__notes-input::placeholder{color:var(--color-text-secondary)}.step-view__tips-list{gap:var(--space-label-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step-view__tip{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-body);padding-left:var(--space-element-gap);position:relative}.step-view__tip:before{content:"·";left:var(--space-tight-gap);color:var(--color-accent-default);font-size:var(--font-size-body);line-height:inherit;position:absolute}.step-view__output-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-body);border-left:2px solid var(--color-accent-default);padding-left:var(--space-element-gap);font-style:italic}.step-view__complete{padding-top:var(--space-component-gap);border-top:1px solid var(--color-border-default);justify-content:flex-end;display:flex}.step-view__complete-btn{align-items:center;gap:var(--space-inline-gap);padding:var(--space-inline-gap) var(--space-component-gap);border:1px solid var(--color-border-default);border-radius:var(--border-radius-full);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--duration-interaction) var(--easing-default), color var(--duration-interaction) var(--easing-default), background var(--duration-interaction) var(--easing-default);background:0 0;display:inline-flex}.step-view__complete-btn:hover{border-color:var(--color-accent-default);color:var(--color-accent-default)}.step-view__complete-btn--done{border-color:var(--color-accent-default);color:var(--color-accent-default);background:var(--color-surface-secondary)}.step-view__complete-btn--done:hover{border-color:var(--color-accent-hover);color:var(--color-accent-hover)}.step-view__complete-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.prompt-card{gap:var(--space-inline-gap);padding:var(--space-element-gap) var(--space-component-gap);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);background:var(--color-surface-primary);transition:border-color var(--duration-interaction) var(--easing-default);flex-direction:column;display:flex}.prompt-card:hover{border-color:var(--color-border-strong)}.prompt-card--listening{border-color:var(--color-accent-default);background:var(--color-surface-secondary)}.prompt-card__question{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-body)}.prompt-card__placeholder{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;line-height:var(--line-height-body)}.prompt-card__voice-btn{align-items:center;gap:var(--space-inline-gap);padding:var(--space-tight-gap) var(--space-label-gap);border-radius:var(--border-radius-full);border:1px solid var(--color-border-default);font-family:var(--font-family-base);font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-text-secondary);cursor:pointer;margin-top:var(--space-inline-gap);transition:background var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default), color var(--duration-interaction) var(--easing-default);background:0 0;align-self:flex-start;display:inline-flex}.prompt-card__voice-btn:hover{border-color:var(--color-accent-default);color:var(--color-accent-default)}.prompt-card__voice-btn--active{background:var(--color-accent-default);border-color:var(--color-accent-default);color:var(--color-accent-foreground)}.prompt-card__voice-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.prompt-card__transcript{font-size:var(--font-size-label);color:var(--color-accent-foreground);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}@media (prefers-reduced-motion:reduce){.step-progress__dot,.step-progress__dot:hover,.step-progress__dot--active{transition:background var(--duration-interaction);transform:none}.playbook__progress-fill{transition:none}}@media (max-width:768px){.playbook__header{padding-top:calc(var(--nav-height) + var(--space-component-gap))}.playbook__title{font-size:var(--font-size-h3-fluid)}.playbook__subtitle{font-size:var(--font-size-body)}.playbook__nav-actions{gap:var(--space-label-gap)}.step-progress{gap:var(--space-inline-gap);flex-direction:column}}