.decision-duel{max-width:var(--layout-page-container-width);margin:0 auto;padding:var(--spacing-10) var(--spacing-4)}.decision-duel__header{text-align:center}.decision-duel__scenario{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4);min-height:var(--spacing-8)}.decision-duel__progress{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.decision-card{background-color:var(--color-background-secondary);border:none;box-shadow:0 0 0 var(--border-width-sm) var(--color-interactive-primary-bg);border-radius:var(--border-radius-md);padding:var(--spacing-4);text-align:left;transition:box-shadow var(--transition-duration-fast) var(--transition-timing-function-default),opacity var(--transition-duration-fast) var(--transition-timing-function-default),transform var(--transition-duration-fast) var(--transition-timing-function-default);cursor:pointer}.decision-card:hover:not(:disabled){box-shadow:0 0 0 var(--border-width-sm) var(--color-interactive-primary),0 0 var(--shadow-blur-sm) var(--color-interactive-primary)}.decision-card--selected{box-shadow:0 0 0 var(--border-width-sm) var(--color-interactive-primary),0 0 var(--shadow-blur-sm) var(--color-interactive-primary);background-color:var(--color-interactive-primary-bg-subtle)}.decision-card--rejected{opacity:var(--opacity-dim);transform:scale(.95);pointer-events:none}.decision-card--disabled{cursor:default}.decision-card__label{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.decision-card__explanation{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.decision-duel__vs{font-weight:var(--font-weight-black);font-style:italic;color:var(--color-text-secondary);opacity:var(--opacity-disabled)}.decision-duel__footer{min-height:var(--spacing-12)}.mode-toggle{background-color:var(--color-background-secondary);border-radius:var(--border-radius-full);padding:var(--spacing-1);margin-bottom:var(--spacing-8)}.mode-toggle__btn{background:none;border:none;border-radius:var(--border-radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:background-color var(--transition-duration-fast) var(--transition-timing-function-default),color var(--transition-duration-fast) var(--transition-timing-function-default)}.mode-toggle__btn--active{background-color:var(--color-interactive-primary);color:var(--color-background-primary)}.completion-screen__ir-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-interactive-primary);margin-bottom:var(--spacing-3);letter-spacing:var(--letter-spacing-wide)}[data-mode=readable] .completion-screen__ir-text{font-family:inherit;line-height:var(--line-height-relaxed)}[data-mode=readable] .proposal-card__metrics{opacity:var(--opacity-muted)}[data-mode=readable] .proposal-card__section-text:not(.proposal-card__section-text--tradeoff){font-weight:var(--font-weight-medium)}[data-mode=readable] .proposal-card--tension_match{animation:none}.proposal-card__rank-tagline{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-regular);margin:var(--spacing-1) 0 0 0}.completion-screen{animation:fadeIn var(--transition-duration-slow) var(--transition-timing-function-default)}.completion-screen__title{font-size:var(--font-size-2xl);text-align:center;margin-bottom:var(--spacing-2)}.completion-screen__subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.completion-screen__axes{margin-bottom:var(--spacing-10)}.axis-bar__header{margin-bottom:var(--spacing-1);font-size:var(--font-size-sm)}.axis-bar__track{position:relative;height:var(--size-bar-track-height);background:var(--color-background-subtle);border-radius:var(--border-radius-full)}.axis-bar__fill{height:100%;border-radius:var(--border-radius-full);opacity:0;transition:width var(--transition-duration-extra-slow) var(--transition-timing-function-default),opacity var(--transition-duration-extra-slow) var(--transition-timing-function-default)}.axis-bar__fill--visible{opacity:1}.axis-bar__stop{position:absolute;top:50%;transform:translateY(-50%);width:var(--size-bar-stop-indicator);height:var(--size-bar-stop-indicator);border-radius:var(--border-radius-full);opacity:0;transition:left var(--transition-duration-extra-slow) var(--transition-timing-function-default),opacity var(--transition-duration-extra-slow) var(--transition-timing-function-default)}.axis-bar__stop--visible{opacity:1}.axis-bar__stop--delivery-speed,.axis-bar__stop--future-stability,.axis-bar__stop--cognitive-simplicity,.axis-bar__stop--technical-control,.axis-bar__fill--delivery-speed,.axis-bar__fill--future-stability,.axis-bar__fill--cognitive-simplicity,.axis-bar__fill--technical-control{background:var(--color-interactive-primary)}.axis-bar__value{opacity:0;transition:opacity var(--transition-duration-extra-slow) var(--transition-timing-function-default)}.axis-bar__value--visible{opacity:1}.axis-bar__help-button{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:0;line-height:1;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.axis-bar__help-button:hover{color:var(--color-text-primary)}.axis-modal__overlay{position:fixed;inset:0;background-color:var(--color-overlay-strong);z-index:var(--z-index-modal)}.axis-modal__dialog{background-color:var(--color-background-primary);border-radius:var(--border-radius-lg);box-shadow:0 0 0 var(--border-width-sm) var(--color-border-primary);max-height:90vh;overflow-y:auto;max-width:var(--layout-page-container-width);width:90vw;z-index:calc(var(--z-index-modal) + 1);position:relative}.axis-modal__header{background-color:var(--color-background-secondary);padding:var(--spacing-4) var(--spacing-6)}.axis-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-interactive-primary)}.axis-modal__close-button{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:0;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.axis-modal__close-button:hover{color:var(--color-text-primary)}.axis-modal__content{padding:var(--spacing-6)}.axis-modal__description{font-size:var(--font-size-md);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.axis-modal__inspired-by{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin-top:var(--spacing-4);line-height:var(--line-height-relaxed)}.completion-screen__ir{background:var(--color-surface-dark);padding:var(--spacing-6);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-10);box-shadow:inset calc(var(--border-width-md) * 2) 0 0 0 var(--color-interactive-primary),0 0 0 var(--border-width-sm) var(--color-interactive-primary-bg)}.completion-screen__ir-text{font-family:var(--font-mono, monospace);white-space:pre-wrap;font-size:var(--font-size-sm);line-height:var(--line-height-tight);color:var(--color-text-primary)}.axis-modal__disclaimer{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-6);padding-top:var(--spacing-4);box-shadow:0 calc(-1 * var(--border-width-sm)) 0 0 var(--color-border-subtle);line-height:var(--line-height-relaxed)}.policy-section{margin-bottom:var(--spacing-12);padding:var(--spacing-6);background:var(--color-background-primary);box-shadow:0 0 0 var(--border-width-sm) var(--color-border-primary);border-radius:var(--border-radius-md)}.policy-bullet{font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);color:var(--color-text-primary);padding-left:var(--spacing-6);position:relative}.policy-section__heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);color:var(--color-interactive-primary)}.policy-bullets{list-style:none;padding:0}.policy-bullet{font-family:var(--font-mono, monospace);font-size:var(--font-size-md);color:var(--color-text-primary);padding-left:var(--spacing-6);position:relative}.policy-bullet:before{content:"→";position:absolute;left:0;color:var(--color-interactive-primary);font-weight:700}.completion-screen__copy-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);animation:fadeIn var(--transition-duration-normal) var(--transition-timing-function-default)}.completion-screen__proposal{margin-top:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-background-secondary);border-radius:var(--border-radius-md)}.completion-screen__proposal-header{margin-bottom:var(--spacing-3)}.completion-screen__proposal-heading{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.completion-screen__proposal-copy{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.completion-screen__proposal-copy:hover{color:var(--color-text-primary)}.completion-screen__proposal-copy--success{color:var(--color-status-success)}.completion-screen__proposal-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:pre-wrap}.compile-log{margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-background-secondary);border-radius:var(--border-radius-md)}.compile-log__header{font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.compile-log__divider{border:none;height:var(--border-width-sm);background-color:var(--color-border-subtle);margin-bottom:var(--spacing-3);opacity:var(--opacity-disabled)}.compile-log__lines{list-style:none;padding:0;margin:0}.compile-log__line{font-family:var(--font-mono, monospace);font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--spacing-half) 0;opacity:0}.compile-log__line--visible{opacity:1}.compile-log__line--active{color:var(--color-text-secondary)}.compile-log__line--done{color:var(--color-text-muted)}.completion-screen__proposal-error{font-size:var(--font-size-sm);color:var(--color-status-error);margin-top:var(--spacing-2)}.completion-screen__nav{margin-top:var(--spacing-6)}.completion-screen__about{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-2) 0;margin-top:var(--spacing-6);transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.completion-screen__about:hover{color:var(--color-text-primary)}.copy-success-toast__dest-list li{background:var(--color-background-secondary);padding:var(--spacing-half) var(--spacing-2);border-radius:var(--border-radius-sm);font-family:var(--font-mono, monospace)}.proposal-list{margin-top:var(--spacing-12);animation:fadeIn var(--transition-duration-slow) var(--transition-timing-function-default)}.proposal-list__heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);color:var(--color-text-secondary)}.proposal-card{background-color:var(--color-background-secondary);border:none;box-shadow:0 var(--spacing-1) var(--spacing-4) var(--color-overlay-medium);border-radius:var(--border-radius-md);padding:var(--spacing-6);transition:transform var(--transition-duration-fast) var(--transition-timing-function-default)}.proposal-card:hover{transform:translateY(calc(-1 * var(--spacing-half)))}.proposal-card__header{margin-bottom:var(--spacing-4)}.proposal-card__rank-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);letter-spacing:var(--letter-spacing-wide)}.proposal-card__rank-badge--strong_match{background-color:var(--color-interactive-primary);color:var(--color-background-primary)}.proposal-card__rank-badge--near_match{background-color:var(--color-interactive-primary-bg);color:var(--color-interactive-primary)}.proposal-card--tension_match{box-shadow:0 var(--spacing-1) var(--spacing-4) var(--color-overlay-medium),inset var(--border-width-md) 0 0 0 var(--color-status-warning);animation:tension-pulse var(--transition-duration-slow) var(--transition-timing-function-default) infinite alternate}.proposal-card__rank-badge--tension_match{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.proposal-card__copy-button{background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);transition:color var(--transition-duration-fast) var(--transition-timing-function-default),background-color var(--transition-duration-fast) var(--transition-timing-function-default)}.proposal-card__copy-button:hover{color:var(--color-interactive-primary);background-color:var(--color-interactive-primary-bg-subtle)}.proposal-card__copy-button--success{color:var(--color-status-success)}.proposal-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.proposal-card__reasons{margin-bottom:var(--spacing-4);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-background-subtle);border-radius:var(--border-radius-sm)}.proposal-card__reasons-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide)}.proposal-card__reasons-vector{font-size:var(--font-size-xs);font-family:var(--font-mono, monospace);color:var(--color-interactive-primary);letter-spacing:var(--letter-spacing-tight)}.proposal-card__divider{border:none;height:var(--border-width-sm);background-color:var(--color-border-subtle);margin:var(--spacing-4) 0}.proposal-card__section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-2)}.proposal-card__section-text{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.proposal-card__section-text--tradeoff{color:var(--color-text-secondary)}.proposal-card__metric-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-mono, monospace);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm)}.proposal-card__metric-badge--low{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.proposal-card__metric-badge--moderate{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.proposal-card__metric-badge--high{background-color:var(--color-status-error-bg);color:var(--color-status-error)}.proposal-card__metric-badge--solo{background-color:var(--color-background-subtle);color:var(--color-text-secondary)}.proposal-card__metric-badge--team{background-color:var(--color-interactive-primary-bg);color:var(--color-interactive-primary)}.proposal-card__metric-badge--org{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.proposal-card__metric-label{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide);margin-top:var(--spacing-1)}.proposal-card__vector-alignment{margin-bottom:var(--spacing-4);padding:var(--spacing-3);background-color:var(--color-background-subtle);border-radius:var(--border-radius-sm)}.proposal-card__vector-bar-label{font-size:var(--font-size-xs);font-family:var(--font-mono, monospace);color:var(--color-interactive-primary);letter-spacing:var(--letter-spacing-wide)}.proposal-card__vector-bar-track{background-color:var(--color-background-primary);border-radius:var(--border-radius-sm);height:var(--spacing-1);overflow:hidden}.proposal-card__vector-bar-fill{height:100%;background-color:var(--color-interactive-primary);border-radius:var(--border-radius-sm);transition:width var(--transition-duration-normal) var(--transition-timing-function-default)}.proposal-card--tension_match .proposal-card__vector-bar-fill{background-color:var(--color-status-warning)}.proposal-card__tension-why{margin-top:var(--spacing-4);padding:var(--spacing-3);background-color:var(--color-status-warning-bg);border-radius:var(--border-radius-sm)}.proposal-card__tension-why-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-status-warning);letter-spacing:var(--letter-spacing-wide)}.proposal-card__tension-why-text{font-size:var(--font-size-sm);color:var(--color-status-warning);margin-top:var(--spacing-1)}.proposal-card__footer{margin-top:var(--spacing-5)}.proposal-card__adopt-button{width:100%;background-color:var(--color-interactive-primary-bg);color:var(--color-interactive-primary);border:none;cursor:pointer;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);transition:background-color var(--transition-duration-fast) var(--transition-timing-function-default),color var(--transition-duration-fast) var(--transition-timing-function-default)}.proposal-card__adopt-button:hover{background-color:var(--color-interactive-primary);color:var(--color-background-primary)}.proposal-card__adopt-button--tension_match{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.proposal-card__adopt-button--tension_match:hover{background-color:var(--color-status-warning);color:var(--color-background-primary)}.proposal-card__adopt-button--success{background-color:var(--color-status-success-bg);color:var(--color-status-success);cursor:default}.proposal-placeholder{text-align:center;padding:var(--spacing-10);background-color:var(--color-background-secondary);border-radius:var(--border-radius-lg);animation:fadeIn var(--transition-duration-slow) var(--transition-timing-function-default)}.proposal-placeholder__heading{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.proposal-placeholder__cta{display:inline-block;background-color:var(--color-interactive-primary);color:var(--color-background-primary);padding:var(--spacing-3) var(--spacing-8);border-radius:var(--border-radius-full);font-weight:var(--font-weight-bold);transition:opacity var(--transition-duration-fast) var(--transition-timing-function-default)}.proposal-placeholder__cta:hover{opacity:var(--opacity-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--spacing-2))}to{opacity:1;transform:translateY(0)}}@keyframes tension-pulse{0%{box-shadow:0 var(--spacing-1) var(--spacing-4) var(--color-overlay-medium),inset var(--border-width-md) 0 0 0 var(--color-status-warning)}to{box-shadow:0 var(--spacing-1) var(--spacing-4) var(--color-status-warning-glow),inset var(--border-width-md) 0 0 0 var(--color-status-warning)}}
