@layer components{.mcq-page{flex-direction:column;flex:1;width:100%;min-height:0;padding:0;display:flex}.mcq-container{width:100%;max-width:64rem;margin:0 auto}.mcq-gradient-medical-basics{background:var(--gradient-mcq-medical)}.mcq-gradient-anatomy{background:var(--gradient-mcq-anatomy)}.mcq-gradient-pharmacology{background:var(--gradient-mcq-pharmacology)}.mcq-gradient-neurology{background:var(--gradient-mcq-neurology)}.mcq-gradient-kg{background:var(--gradient-mcq-kg)}.mcq-gradient-treatment{background:var(--gradient-primary)}.mcq-gradient-pathognomonic{background:var(--gradient-mcq-new-quiz)}.mcq-header-card{background:var(--surface);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--border);margin-bottom:var(--space-6)}.mcq-collapse-button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);font-size:var(--page-label);cursor:pointer;margin-top:var(--space-4);align-self:flex-start;font-weight:600}.mcq-topics-section{gap:var(--space-4);flex-direction:column;display:flex}.mcq-topics-header{margin-bottom:var(--space-2)}.mcq-topics-title{font-size:var(--page-title-md);color:var(--text);margin-bottom:var(--space-1);font-weight:700}.mcq-topics-subtitle{font-size:var(--page-subtitle);color:var(--text-muted)}.mcq-config-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.mcq-config-card{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.mcq-config-label{font-size:var(--page-label);text-transform:uppercase;letter-spacing:.16em;color:var(--text-subtle);font-weight:700}.mcq-config-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.mcq-config-option{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-pill);padding:var(--space-2)var(--space-3);font-size:var(--page-label);cursor:pointer;font-weight:600}.mcq-config-option.is-active{background:var(--primary);color:var(--text-on-accent);border-color:transparent}.mcq-config-inline{gap:var(--space-3);padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-direction:column;display:flex}.mcq-config-row{align-items:center;gap:var(--space-3);display:flex}.mcq-config-inline-label{font-size:var(--page-label);text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle);min-width:80px;font-weight:600}.mcq-config-inline-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.mcq-config-inline-option{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-pill);padding:var(--space-1)var(--space-3);font-size:var(--page-label);cursor:pointer;font-weight:600;transition:all .15s}.mcq-config-inline-option:hover{border-color:var(--secondary-border-soft);background:var(--surface-hover)}.mcq-config-inline-option.is-active{background:var(--primary);color:var(--text-on-accent);border-color:transparent}.mcq-search-mode{gap:var(--space-2);flex-direction:column;display:flex}.mcq-search-mode-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-1);width:-moz-fit-content;width:fit-content;display:flex}.mcq-search-mode-option{padding:var(--space-2)var(--space-4);font-size:var(--page-label);color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;font-weight:600;transition:all .15s}.mcq-search-mode-option:hover{color:var(--text)}.mcq-search-mode-option.is-active{background:var(--primary);color:var(--text-on-accent)}.mcq-search-mode-option:disabled,.mcq-search-mode-option.is-disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.4}.mcq-search-mode-option:disabled:hover,.mcq-search-mode-option.is-disabled:hover{color:var(--text-disabled)}:root[data-theme=dark] .mcq-search-mode-option:disabled,:root[data-theme=dark] .mcq-search-mode-option.is-disabled{opacity:.25}.topic-selector-card{gap:var(--space-4);padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:var(--space-3);flex-direction:column;display:flex}.topic-selector-card--flat{background:0 0;border:none;margin-top:0;padding:0}.topic-selector-card .mcq-domain-section{margin:0}.topic-selector-card .mcq-config-inline{padding:var(--space-3);background:var(--surface);border-radius:var(--radius-md);margin:0}.topic-selector-card .mcq-go-section{margin-top:0}.topic-selector-card .learn-notes-section{margin:0}.topic-selector-loading{min-height:120px;padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:var(--page-subtitle);text-align:center;justify-content:center;align-items:center;display:flex}.mcq-domain-section{gap:var(--space-2);flex-direction:column;display:flex}.mcq-domain-subtitle{font-size:var(--page-subtitle);color:var(--text-muted)}.mcq-topics-search{flex:1}.mcq-go-section{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.mcq-go-button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--primary);color:var(--on-primary);font-weight:600;font-size:var(--page-label);border-radius:var(--radius-pill);cursor:pointer;border:none;max-width:180px;transition:all .2s;display:inline-flex}.mcq-go-button:hover:not(:disabled){filter:brightness(.9)}.mcq-go-button:disabled{opacity:.5;cursor:not-allowed}.mcq-go-error{font-size:var(--font-size-sm);color:var(--danger)}.mcq-focus-stack{gap:var(--space-4);flex-direction:column;display:flex}.mcq-focus-card{padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.mcq-focus-label{font-size:var(--page-label);text-transform:uppercase;letter-spacing:.18em;color:var(--text-subtle);font-weight:700}.mcq-focus-title{font-size:var(--page-title-md);color:var(--text);font-weight:700}.mcq-focus-subtitle{font-size:var(--page-subtitle);color:var(--text-muted)}.mcq-focus-action{margin-top:var(--space-2);border:1px solid var(--secondary-border);background:var(--secondary-soft);color:var(--text);padding:var(--space-2)var(--space-3);border-radius:var(--radius-pill);font-size:var(--page-label);cursor:pointer;align-self:flex-start;font-weight:600}.mcq-focus-rail{gap:var(--space-3);flex-direction:column;display:flex}.mcq-focus-rail-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.mcq-focus-rail-meta{gap:var(--space-1);flex-direction:column;display:flex}.mcq-focus-rail-label{font-size:var(--page-label);text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle);font-weight:600}.mcq-focus-rail-value{font-size:var(--page-title-sm);color:var(--text);font-weight:700}.mcq-header-inner{justify-content:flex-start;align-items:center;gap:var(--space-6);margin-bottom:var(--space-4);display:flex}.mcq-header-content h3{font-size:var(--page-title-lg);margin-bottom:var(--space-2);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.mcq-header-content p{color:var(--text-muted)}.mcq-back-button{padding:var(--space-2)var(--space-4);background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:var(--space-2);color:var(--text);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.mcq-back-icon{width:1rem;height:1rem}.mcq-back-button:hover{background:var(--surface-2)}.mcq-topic-carousel{position:relative}.mcq-topic-scroll{gap:var(--space-3);padding-bottom:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.mcq-topic-button{cursor:pointer;background:0 0;border:none;width:100%;transition:all .3s}.mcq-topic-button--selected{transform:scale(1.05)}.mcq-topic-button:not(.mcq-topic-button--selected):hover{transform:scale(1.02)}.mcq-topic-card{border-radius:var(--radius-md);padding:var(--space-4);border:2px solid transparent;transition:all .3s;position:relative;overflow:hidden}.mcq-topic-card--selected{border-color:var(--text-on-accent);box-shadow:var(--shadow)}.mcq-topic-card--unselected{background:var(--surface-glass-subtle);border-color:transparent}.mcq-topic-card--unselected:hover{border-color:var(--border-glass)}.mcq-source-toggle{gap:var(--space-3);flex-wrap:wrap;margin-top:0;display:flex}.mcq-source-button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);font-size:var(--page-label);cursor:pointer;font-weight:600}.mcq-source-button.is-active{background:var(--primary);color:var(--text-on-accent);border-color:transparent}.mcq-kg-panel{margin-top:var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.mcq-kg-filters{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mcq-kg-filter-label{font-size:var(--page-label);text-transform:uppercase;letter-spacing:.14em;color:var(--text-subtle);font-weight:600}.mcq-kg-filter{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:var(--space-2)var(--space-3);border-radius:var(--radius-pill);font-size:var(--page-label);cursor:not-allowed;opacity:.7;font-weight:600}.mcq-kg-filter--active{background:var(--surface-3);opacity:1}.mcq-kg-filter:disabled{opacity:.5}.mcq-kg-search input{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;padding:var(--space-2)var(--space-3);background:var(--surface);color:var(--text);font-size:var(--font-size-base)}.mcq-kg-results{gap:var(--space-2);flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.mcq-kg-item{background:var(--surface);border-radius:var(--radius-sm);padding:var(--space-2)var(--space-3);cursor:pointer;font-size:var(--page-subtitle);border:1px solid transparent;justify-content:space-between;align-items:center;display:flex}.mcq-kg-item.is-selected{border-color:var(--primary);box-shadow:var(--shadow)}.mcq-kg-item-type{font-size:var(--page-label);color:var(--text-muted)}.mcq-kg-status{font-size:var(--page-subtitle);color:var(--text-muted)}.mcq-kg-error{color:var(--danger-text);font-size:var(--page-subtitle)}.mcq-topic-icon-wrapper{padding:var(--space-3);border-radius:var(--radius-circle);margin-bottom:var(--space-2);transition:all .3s;display:inline-flex}.mcq-topic-card--selected .mcq-topic-icon-wrapper{background:var(--surface-glass-subtle)}.mcq-topic-card--unselected .mcq-topic-icon-wrapper{background:var(--surface-glass)}.mcq-topic-icon{width:1.5rem;height:1.5rem;transition:all .3s}.mcq-topic-card--selected .mcq-topic-icon{color:var(--text-on-accent)}.mcq-topic-card--unselected .mcq-topic-icon{color:var(--text)}.mcq-topic-name{font-weight:600;font-size:var(--page-subtitle);transition:all .3s}.mcq-topic-card--selected .mcq-topic-name{color:var(--text-on-accent)}.mcq-topic-card--unselected .mcq-topic-name{color:var(--text)}.mcq-topic-count{font-size:var(--page-label);margin-top:var(--space-1);transition:all .3s}.mcq-topic-card--selected .mcq-topic-count{color:var(--text-on-accent-muted)}.mcq-topic-card--unselected .mcq-topic-count{color:var(--text-muted)}.mcq-topic-year-gate{top:var(--space-1);right:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-muted);opacity:.9;font-size:10px;font-weight:600;position:absolute}.mcq-topic-year-gate--restricted{background:var(--warning-soft);color:var(--warning-text)}.mcq-topic-card--selected .mcq-topic-year-gate{color:var(--text-on-accent);background:rgba(255,255,255,.2)}.mcq-topic-card--selected .mcq-topic-year-gate--restricted{color:var(--text-on-accent);background:rgba(255,255,255,.3)}.clinical-topic-list{gap:var(--space-2);flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.clinical-topic-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:all .15s;display:flex}.clinical-topic-item:hover{border-color:var(--secondary-border-soft);background:var(--surface-hover)}.clinical-topic-item--selected{border-color:var(--primary);background:var(--primary-soft)}.clinical-topic-icon{width:1.25rem;height:1.25rem;color:var(--text-muted);flex-shrink:0}.clinical-topic-item--selected .clinical-topic-icon{color:var(--primary)}.clinical-topic-name{font-size:var(--page-subtitle);color:var(--text);flex:1;font-weight:500}.clinical-topic-gate{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-muted);font-size:10px;font-weight:600}.clinical-topic-gate--restricted{background:var(--warning-soft);color:var(--warning-text)}.mcq-quiz-card{-webkit-backdrop-filter:blur(8px)}.mcq-zen-shell{height:100%;min-height:100%;padding:clamp(var(--space-6),3vw,var(--space-8));gap:var(--space-7);flex-direction:column;display:flex}.mcq-zen-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.mcq-zen-controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.mcq-zen-explanation-toggle{white-space:nowrap}.mcq-zen-explanation-toggle:disabled{opacity:.5;cursor:not-allowed}.mcq-zen-logo{width:140px;height:auto}.mcq-zen-exit{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);font-size:var(--page-subtitle);cursor:pointer;font-weight:600}.mcq-zen-body{flex:1;justify-content:center;align-items:center;display:flex}.mcq-zen-body--expanded{align-items:flex-start}.mcq-zen-card{width:min(720px,100%);padding:clamp(var(--space-6),2vw,var(--space-9))}.mcq-zen-question-title{font-size:clamp(var(--page-title-lg),2vw,1.6rem);color:var(--text);margin-bottom:var(--space-6);font-weight:700}.mcq-zen-actions-row{margin-top:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mcq-zen-nav{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);font-size:var(--page-label);cursor:pointer;font-weight:600}.mcq-zen-nav:disabled{opacity:.5;cursor:not-allowed}.mcq-zen-primary{background:var(--gradient-primary);color:var(--text-on-accent);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);font-size:var(--page-label);cursor:pointer;border:none;font-weight:600}.mcq-zen-primary:disabled{opacity:.6;cursor:not-allowed}.mcq-zen-action-error{margin-top:var(--space-2);font-size:var(--page-subtitle);color:var(--danger)}.mcq-zen-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.mcq-zen-status{align-items:center;gap:var(--space-2);font-size:var(--page-label);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:600;display:flex}.mcq-zen-topic{padding:var(--space-1)var(--space-3);border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary);border:1px solid var(--secondary-border-soft);text-transform:none;letter-spacing:.02em;font-size:var(--page-label);font-weight:600}.mcq-zen-divider{color:var(--text-subtle)}.mcq-zen-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mcq-zen-toggle{background:var(--gradient-primary);color:var(--text-on-accent);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);font-size:var(--page-label);cursor:pointer;border:none;font-weight:600}.mcq-loading,.mcq-empty{text-align:center;padding:var(--space-8)var(--space-4);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.mcq-questions-list{gap:var(--space-6);margin-bottom:var(--space-6);flex-direction:column;display:flex}.mcq-question-card{padding:var(--space-6)}.mcq-question-meta{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.mcq-question-index{font-size:var(--page-label);text-transform:uppercase;letter-spacing:.14em;color:var(--text-subtle);font-weight:600}.mcq-question-title{font-size:var(--page-title-lg);color:var(--text);margin-bottom:var(--space-4);font-weight:700}.mcq-options-list{gap:var(--space-3);flex-direction:column;display:flex}.mcq-question-actions{margin-top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mcq-question-action{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);font-size:var(--page-label);cursor:pointer;font-weight:600}.mcq-question-action:hover{background:var(--surface-2)}.mcq-question-action:disabled{opacity:.5;cursor:not-allowed}.mcq-question-action--ghost{border-style:dashed}.mcq-question-action--primary{background:var(--gradient-primary);color:var(--text-on-accent);border:none}.mcq-question-action-error{margin-top:var(--space-2);font-size:var(--page-subtitle);color:var(--danger)}.mcq-learning-card{margin-top:var(--space-4);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.mcq-learning-card--zen{margin-top:var(--space-5)}.mcq-learning-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.mcq-learning-label{font-size:var(--page-label);text-transform:uppercase;letter-spacing:.16em;color:var(--text-subtle);font-weight:700}.mcq-learning-title{margin-top:var(--space-2);font-size:var(--page-title-sm);color:var(--text);font-weight:700}.mcq-learning-star{cursor:pointer;border:none}.mcq-learning-star.is-active{box-shadow:var(--shadow-sm)}.mcq-learning-star-icon{width:1.25rem;height:1.25rem}.mcq-learning-star.is-active svg{fill:currentColor}.mcq-learning-text{font-size:var(--page-subtitle);color:var(--text-muted)}.mcq-learning-rationale{font-size:var(--font-size-base);color:var(--text);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm);border-left:3px solid var(--primary);margin-bottom:var(--space-3);line-height:1.6}.mcq-learning-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mcq-learning-button{align-items:center;gap:var(--space-2);border:1px solid var(--secondary-border);background:var(--secondary-soft);color:var(--text);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);font-size:var(--page-label);cursor:pointer;font-weight:600;display:inline-flex}.mcq-learning-button--favourited{color:#ef4444;background:rgba(239,68,68,.12);border-color:#ef4444}.mcq-learning-button:hover{background:var(--highlight-bg)}.mcq-learning-button--favourited:hover{background:rgba(239,68,68,.18)}.mcq-learning-button:disabled{opacity:.6;cursor:not-allowed}.mcq-learning-button-icon{width:1rem;height:1rem}.mcq-learning-button--favourited .mcq-learning-button-icon{fill:currentColor}.mcq-learning-link{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);font-size:var(--page-label);cursor:pointer;font-weight:600}.mcq-learning-link:hover{background:var(--surface-3)}.mcq-learning-status{font-size:var(--page-label);color:var(--text-subtle)}.mcq-learning-error{font-size:var(--page-subtitle);color:var(--danger)}.mcq-procedure-card{margin-top:var(--space-4);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.mcq-procedure-header{gap:var(--space-1);flex-direction:column;display:flex}.mcq-procedure-label{font-size:var(--page-label);text-transform:uppercase;letter-spacing:.16em;color:var(--text-subtle);font-weight:700}.mcq-procedure-title{font-size:var(--page-title-sm);color:var(--text);font-weight:700}.mcq-procedure-note{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--page-subtitle);display:flex}.mcq-procedure-note--incorrect{background:var(--danger-bg);border:1px solid var(--danger-border)}.mcq-procedure-note-label{color:var(--danger-text);font-weight:600}.mcq-procedure-note-text{color:var(--text)}.mcq-procedure-steps{gap:var(--space-2);counter-reset:step-counter;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mcq-procedure-step{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);transition:all .2s;display:flex}.mcq-procedure-step--highlighted{background:var(--success-bg);border-color:var(--success-border)}.mcq-procedure-step-number{border-radius:var(--radius-circle);background:var(--surface-2);min-width:1.5rem;height:1.5rem;color:var(--text-muted);font-size:var(--page-label);justify-content:center;align-items:center;font-weight:600;display:flex}.mcq-procedure-step--highlighted .mcq-procedure-step-number{background:var(--success);color:var(--text-on-accent)}.mcq-procedure-step-text{font-size:var(--page-subtitle);color:var(--text);flex:1;line-height:1.5}.mcq-procedure-step-icon{width:1.25rem;height:1.25rem;color:var(--success);flex-shrink:0}.mcq-procedure-hint{font-size:var(--page-label);color:var(--text-muted);font-style:italic}.mcq-question-rating{margin-top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.mcq-question-rating-label{font-size:var(--page-label);text-transform:uppercase;letter-spacing:.14em;color:var(--text-subtle);font-weight:700}.mcq-question-rating-stars{align-items:center;gap:var(--space-2);display:flex}.mcq-question-rating-star{padding:var(--space-1);cursor:pointer;background:0 0;border:none}.mcq-question-rating-star-icon{width:1.35rem;height:1.35rem}.mcq-question-rating-star-icon--active{color:#facc15}.mcq-question-rating-star-icon--inactive{color:var(--text-muted)}.mcq-question-feedback{gap:var(--space-2);width:100%;margin-top:var(--space-3);flex-direction:column;display:flex}.mcq-question-feedback-label{font-size:var(--page-label);color:var(--text-muted);font-weight:600}.mcq-question-feedback-textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--page-label);resize:vertical;background:var(--surface);color:var(--text);font-family:inherit}.mcq-question-feedback-textarea:focus{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.mcq-question-feedback-submit{padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);background:var(--primary);color:var(--text-on-accent);font-size:var(--page-label);cursor:pointer;border:none;align-self:flex-start;font-weight:600}.mcq-question-feedback-submit:disabled{opacity:.6;cursor:not-allowed}.mcq-question-feedback-error{width:100%;font-size:var(--page-label);color:var(--danger)}.mcq-question-feedback-success{width:100%;font-size:var(--page-label);color:var(--success)}.mcq-topic-heart{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mcq-topic-heart:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef4444}.mcq-topic-heart--active{background:rgba(239,68,68,.15);border-color:#ef4444}.mcq-topic-heart--active .mcq-topic-heart-icon{color:#ef4444;fill:#ef4444}.mcq-topic-heart:disabled{opacity:.6;cursor:not-allowed}.mcq-topic-heart-icon{width:1rem;height:1rem;color:var(--text-muted)}.mcq-question-rating--expanded{flex-direction:column;align-items:stretch}.mcq-question-rating-header{align-items:center;gap:var(--space-3);width:100%;display:flex}.mcq-question-rating-header .mcq-question-rating-label{flex:1}.mcq-question-rating-collapse{padding:var(--space-1)var(--space-2);color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem;line-height:1}.mcq-question-rating-collapse:hover{color:var(--text)}.mcq-question-rating-panel{gap:var(--space-3);width:100%;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);flex-direction:column;display:flex}.mcq-question-rating-topic{gap:var(--space-2);flex-direction:column;display:flex}.mcq-question-rating-topic-label{font-size:var(--page-label);color:var(--text-subtle);font-weight:500}.mcq-question-rating-topic-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.mcq-question-rating-link{padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--page-label);cursor:pointer;font-weight:500;transition:all .2s}.mcq-question-rating-link:hover{border-color:var(--primary);background:var(--surface-hover)}.mcq-option{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);cursor:pointer;border:2px solid;transition:all .2s;display:flex}.mcq-option input[type=radio]{width:1rem;height:1rem;color:var(--secondary);cursor:pointer}.mcq-option span{color:var(--text);flex:1}.mcq-option--unselected{border-color:var(--border);background:var(--surface)}.mcq-option--unselected:hover{border-color:var(--secondary-border-soft);background:var(--surface-2)}.mcq-option--selected{border-color:var(--secondary-border);background:var(--secondary-soft)}.mcq-option--correct{border-color:var(--success-border);background:var(--success-bg)}.mcq-option--wrong{border-color:var(--danger-border);background:var(--danger-bg)}.mcq-option--dimmed{border-color:var(--border);opacity:.6}.mcq-option-icon{width:1.25rem;height:1.25rem}.mcq-option-icon--correct{color:var(--success)}.mcq-option-icon--wrong{color:var(--danger-border)}.mcq-correct-label{font-size:var(--page-subtitle);color:var(--success-text);font-weight:500}.mcq-submit-button{width:100%;padding:var(--space-3)var(--space-6);background:var(--gradient-primary);color:var(--text-on-accent);font-weight:500;font-size:var(--page-title-md);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow);border:none;transition:all .3s}.mcq-submit-button:hover{opacity:.9;box-shadow:var(--shadow-lg)}.mcq-submit-button:disabled{opacity:.6;cursor:not-allowed}.mcq-results-card{background:var(--gradient-primary-soft);border:2px solid var(--secondary-border-soft);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6)}.mcq-results-title{font-size:var(--font-size-2xl);text-align:center;margin-bottom:var(--space-4);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.mcq-results-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(1,1fr);display:grid}.mcq-result-stat{padding:var(--space-4);border-radius:var(--radius-sm);text-align:center}.mcq-result-stat--total{background:var(--surface-glass-strong);border:2px solid var(--border)}.mcq-result-stat--correct{background:var(--success-bg);border:2px solid var(--success-border)}.mcq-result-stat--wrong{background:var(--danger-bg);border:2px solid var(--danger-border)}.mcq-result-label{font-size:var(--page-subtitle);margin-bottom:var(--space-1)}.mcq-result-stat--correct .mcq-result-label{color:var(--success-text)}.mcq-result-stat--wrong .mcq-result-label{color:var(--danger-text)}.mcq-result-value{font-size:var(--font-size-3xl);font-weight:700}.mcq-result-stat--correct .mcq-result-value{color:var(--success-text)}.mcq-result-stat--wrong .mcq-result-value{color:var(--danger-text)}.mcq-new-quiz-button{width:-moz-fit-content;width:fit-content;padding:var(--space-2)var(--space-5);background:var(--gradient-mcq-new-quiz);color:var(--text-on-accent);font-weight:600;font-size:var(--font-size-base);border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow);justify-content:center;align-items:center;gap:var(--space-2);border:none;transition:all .3s;display:inline-flex}.mcq-new-quiz-button:hover{opacity:.9;box-shadow:var(--shadow-lg)}.mcq-rating-card{background:var(--surface-glass-strong);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);margin-top:var(--space-6)}.mcq-rating-title{font-size:var(--page-title-lg);color:var(--text);margin-bottom:var(--space-2);font-weight:700}.mcq-rating-stars{align-items:center;gap:var(--space-2);display:flex}.mcq-rating-star{padding:var(--space-1);cursor:pointer;background:0 0;border:none;transition:transform .2s}.mcq-rating-star:hover{transform:scale(1.05)}.mcq-rating-star--disabled{cursor:default}.mcq-rating-star-icon{width:1.5rem;height:1.5rem}.mcq-rating-star-icon--active{color:#facc15}.mcq-rating-star-icon--inactive{color:var(--text-muted)}.mcq-rating-feedback{margin-top:var(--space-3)}.mcq-rating-label{font-size:var(--page-subtitle);color:var(--text-muted);margin-bottom:var(--space-1);display:block}.mcq-rating-textarea{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface-2);width:100%;padding:var(--space-3);font-size:var(--page-subtitle);color:var(--text);resize:vertical;font-family:inherit}.mcq-rating-textarea:focus{border-color:var(--secondary-border);box-shadow:var(--shadow-secondary-ring);outline:none}.mcq-rating-error{margin-top:var(--space-2);font-size:var(--page-subtitle);color:var(--danger-text)}.mcq-rating-submit{margin-top:var(--space-3);padding:var(--space-2)var(--space-4);border-radius:var(--radius-xs);background:var(--primary);color:var(--text-on-accent);cursor:pointer;border:none;font-weight:500;transition:opacity .2s}.mcq-rating-submit:hover{opacity:.9}.mcq-rating-submit:disabled{opacity:.6;cursor:not-allowed}.mcq-rating-success{margin-top:var(--space-3);font-size:var(--page-subtitle);color:var(--success-text)}.mcq-footer{margin-top:var(--space-6);text-align:center;font-size:var(--page-subtitle);color:var(--text-muted)}@media (min-width:768px){.mcq-topic-scroll{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.mcq-results-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.mcq-page{padding:var(--space-3)}.mcq-header-card{padding:var(--space-4)}.mcq-quiz-card{padding:var(--space-6)}}}
@layer components{.rooms-page,.rooms-shell{gap:var(--space-6);padding:var(--space-7);flex-direction:column;min-height:100%;display:flex}.rooms-shell{background:var(--app-panel-bg);flex:1;min-height:0;overflow-y:auto}.rooms-session{gap:var(--space-4);flex-direction:column;width:min(960px,100%);margin:0 auto;display:flex}.rooms-feedback-panel{padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.rooms-card{gap:var(--space-4);flex-direction:column;display:flex}.rooms-card--wide{width:min(960px,100%);margin:0 auto}.rooms-divider{align-items:center;gap:var(--space-4);width:min(960px,100%);color:var(--text-muted);font-size:var(--page-label);text-transform:uppercase;letter-spacing:.1em;margin:0 auto;display:flex}.rooms-divider:before,.rooms-divider:after{content:"";background:var(--border);flex:1;height:1px}.rooms-loading-card{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center;flex-direction:column;min-height:200px;display:flex}.rooms-spinner{width:2rem;height:2rem;color:var(--primary);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rooms-loading-text{font-size:var(--font-size-base);color:var(--text-muted);margin:0}.rooms-error-message{font-size:var(--font-size-base);color:var(--danger);margin:0}.rooms-error-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.rooms-card-header{gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.rooms-card-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.rooms-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:var(--page-label);color:var(--text-muted);margin:0 0 var(--space-2)}.rooms-form-grid{gap:var(--space-4);display:grid}.rooms-field{gap:var(--space-2);font-size:var(--page-label);color:var(--text-muted);flex-direction:column;display:flex}.rooms-field input{border-radius:var(--radius-sm);border:1px solid var(--border);padding:var(--space-3)var(--space-3);background:var(--surface-2);color:var(--text);font-size:var(--font-size-base)}.rooms-name-row{align-items:center;gap:var(--space-3);display:flex}.rooms-input{border-radius:var(--radius-sm);border:1px solid var(--border);padding:var(--space-3)var(--space-3);background:var(--surface-2);color:var(--text);font-size:var(--font-size-base);flex:1}.rooms-roomcode{gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);flex-direction:column;display:flex}.rooms-roomcode-label{font-size:var(--page-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.rooms-roomcode-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.rooms-roomcode-value{font-size:var(--font-size-lg);color:var(--text);letter-spacing:.08em;font-weight:600}.rooms-input-wrapper{align-items:center;display:flex;position:relative}.rooms-input-wrapper input{padding-right:var(--space-10);flex:1}.rooms-input-icon{right:var(--space-3);pointer-events:none;width:1.25rem;height:1.25rem;position:absolute}.rooms-input-icon--loading{color:var(--text-muted);animation:1s linear infinite spin}.rooms-input-icon--valid{color:var(--success)}.rooms-input-icon--invalid{color:var(--danger)}.rooms-input--valid{border-color:var(--success)}.rooms-input--invalid{border-color:var(--danger)}.rooms-field-hint{font-size:var(--page-label);margin-top:var(--space-1)}.rooms-field-hint--valid{color:var(--success)}.rooms-field-hint--invalid{color:var(--danger)}.rooms-filter-group{gap:var(--space-2);flex-direction:column;display:flex}.rooms-filter-label{font-size:var(--page-label);text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle)}.rooms-filter-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.rooms-filter{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:var(--space-2)var(--space-3);border-radius:var(--radius-pill);font-size:var(--page-label);cursor:pointer;font-weight:600}.rooms-filter.is-active{background:var(--secondary-soft);border-color:var(--secondary-border)}.rooms-filter:disabled{opacity:.6;cursor:not-allowed}.rooms-filter-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.rooms-filter-note{font-size:var(--page-label);color:var(--text-muted);margin:0}.rooms-filter-note--error{color:var(--danger)}.rooms-filter-note--success{color:var(--success)}.rooms-filter-note--info{color:var(--text-muted);background:var(--surface-2);padding:var(--space-3);border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.rooms-link{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.rooms-link:hover{color:var(--primary-hover)}.rooms-settings-link{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);display:flex}.rooms-settings-link-content{gap:var(--space-1);flex-direction:column;display:flex}.rooms-settings-link-header{align-items:center;gap:var(--space-2);color:var(--text-muted);display:flex}.rooms-settings-link-label{font-size:var(--page-label);text-transform:uppercase;letter-spacing:.05em}.rooms-settings-link-value{font-size:var(--page-subtitle);color:var(--text);font-weight:600}.rooms-settings-link-description{font-size:var(--page-label);color:var(--text-muted)}.rooms-settings-link-action{font-size:var(--page-label);color:var(--primary);padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--primary);background:0 0;flex-shrink:0;text-decoration:none;transition:background .15s,color .15s}.rooms-settings-link-action:hover{background:var(--primary);color:var(--primary-foreground)}.rooms-filter-empty{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.rooms-filter-empty h3{font-size:var(--page-title-sm);margin:0}.rooms-filter-empty p{color:var(--text-muted);font-size:var(--page-subtitle);margin:0}.rooms-suggestion-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rooms-suggestion-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);display:flex}.rooms-suggestion-item span{font-size:var(--page-subtitle);color:var(--text);font-weight:600}.rooms-toggle-group{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--page-label);color:var(--text-muted);display:flex}.rooms-toggle{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:var(--radius-pill);padding:var(--space-2)var(--space-4);font-size:var(--page-label);cursor:pointer;font-weight:600}.rooms-toggle.is-active{background:var(--secondary-soft);border-color:var(--secondary-border);color:var(--text)}.rooms-toggle:disabled{opacity:.6;cursor:not-allowed}.rooms-toggle-info{gap:var(--space-1);flex-direction:column;display:flex}.rooms-toggle-hint{font-size:var(--page-caption);color:var(--text-muted);font-weight:400}.rooms-segmented{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);display:inline-flex;overflow:hidden}.rooms-segment{padding:var(--space-2)var(--space-4);font-size:var(--page-label);color:var(--text-muted);cursor:pointer;background:0 0;border:none}.rooms-segment.is-active{background:var(--secondary-soft);color:var(--text);font-weight:600}.rooms-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.rooms-actions>.rooms-primary-button,.rooms-actions>.rooms-secondary-button{flex:1;justify-content:center;min-width:180px}.rooms-hint{font-size:var(--page-subtitle);color:var(--text-muted);margin:0}.rooms-list{gap:var(--space-3);flex-direction:column;display:flex}.rooms-list-item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);display:flex}.rooms-list-item h3{font-size:var(--page-title-sm);margin:0}.rooms-list-item p{margin:var(--space-1)0 var(--space-2);color:var(--text-muted);font-size:var(--page-subtitle)}.rooms-list-item span{font-size:var(--page-label);color:var(--text-muted)}.rooms-primary-button,.rooms-secondary-button,.rooms-link-button{border-radius:var(--radius-sm);padding:var(--space-3)var(--space-4);font-weight:600;font-size:var(--page-subtitle);align-items:center;gap:var(--space-2);cursor:pointer;border:none;display:inline-flex}.rooms-primary-button{background:var(--primary);color:#fff}.rooms-primary-button:hover:not(:disabled){background:var(--primary-hover)}.rooms-primary-button:disabled{opacity:.6;cursor:not-allowed}.rooms-secondary-button{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.rooms-secondary-button:disabled{opacity:.6;cursor:not-allowed}.rooms-secondary-button:hover{background:var(--surface-3);border-color:var(--border-strong)}.rooms-secondary-button--standalone{width:min(960px,100%);padding:var(--space-4)var(--space-6);justify-content:center;margin:0 auto}.rooms-link-button{color:var(--text-muted);border:1px solid var(--border);font-size:var(--page-label);border-radius:var(--radius-pill);background:0 0}.rooms-error{color:#dc2626;font-size:var(--page-subtitle);margin:0}.rooms-error--floating{background:var(--surface);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);border:1px solid rgba(220,38,38,.4);max-width:max-content;margin:0 auto;position:-webkit-sticky;position:sticky;bottom:1.5rem}.rooms-modal-backdrop{padding:var(--space-6);z-index:40;background:rgba(15,23,42,.45);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.rooms-modal{padding:var(--space-6);gap:var(--space-4);flex-direction:column;width:100%;max-width:420px;display:flex}.rooms-modal ol{padding-left:var(--space-7);color:var(--text-muted);font-size:var(--page-subtitle);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.rooms-modal-warning{color:var(--text-muted);font-size:var(--page-subtitle);margin:0;line-height:1.5}.rooms-modal-icon{border-radius:var(--radius-full);background:var(--accent-subtle);width:48px;height:48px;color:var(--accent);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.rooms-modal-description{color:var(--text-muted);font-size:var(--page-subtitle);margin:0;line-height:1.5}.rooms-modal-actions{gap:var(--space-3);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.rooms-modal-actions>button{flex:1;justify-content:center;min-width:120px}.rooms-modal>.rooms-primary-button{align-self:center;min-width:120px;max-width:180px}.rooms-primary-button--danger{background:var(--danger)}.rooms-primary-button--danger:hover{background:var(--danger-hover,#dc2626)}.rooms-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.rooms-header-row{align-items:center;gap:var(--space-3);display:flex}.rooms-header-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.rooms-subtitle{font-size:var(--page-subtitle);color:var(--text-muted);margin:var(--space-2)0 0}.rooms-copy{border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-2)var(--space-3);background:var(--surface-2);color:var(--text-muted);align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--page-label);display:inline-flex}.rooms-badges{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.rooms-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--text);font-size:var(--page-label);border:1px solid var(--border);display:inline-flex}.rooms-badge--muted{background:var(--surface-2);color:var(--text-muted)}.rooms-help-button{padding:var(--space-3);border-radius:var(--radius-circle);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.rooms-help-button:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-strong)}.rooms-help-button svg{width:1rem;height:1rem}.rooms-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.rooms-grid--single{grid-template-columns:minmax(0,1fr)}.rooms-role-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.rooms-role-card{padding:var(--space-4);align-items:center;gap:var(--space-3);text-align:left;cursor:pointer;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .15s,border-color .15s,background .15s;display:flex}.rooms-role-card:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.rooms-role-card:disabled{opacity:.6;cursor:not-allowed;transform:none}.rooms-role-card small{color:var(--text-muted);font-size:var(--page-label);display:block}.rooms-role-card.is-selected{border-color:var(--primary);background:var(--primary-soft)}.rooms-role-status{font-size:var(--page-label);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-1)var(--space-3)}.rooms-participant-list{gap:var(--space-2);flex-direction:column;display:flex}.rooms-participant{padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);justify-content:space-between;align-items:center;display:flex}.rooms-participant-meta{align-items:center;gap:var(--space-2);font-weight:600;display:flex}.rooms-host-icon{width:1rem;height:1rem;color:var(--primary)}.rooms-participant-role{font-size:var(--page-label);color:var(--text-muted)}.rooms-empty{border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--page-subtitle)}.rooms-briefing-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.rooms-briefing-card{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.rooms-briefing-note{margin:var(--space-3)0 0;font-size:var(--page-subtitle);color:var(--text-muted)}.rooms-live{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.rooms-live--patient{gap:var(--space-4);flex-direction:column;display:flex}.rooms-patient-prompt{border:1px solid var(--secondary-border);border-radius:var(--radius-md);background:var(--secondary-soft);padding:var(--space-4)}.rooms-patient-prompt-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--secondary);font-weight:600;display:flex}.rooms-patient-prompt-header h3{font-size:var(--page-subtitle);margin:0}.rooms-patient-prompt-content{color:var(--text);line-height:1.6}.rooms-patient-prompt-content p{white-space:pre-wrap;margin:0}.rooms-findings-simple{gap:var(--space-4);padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.rooms-findings-section{gap:var(--space-2);flex-direction:column;display:flex}.rooms-findings-header{align-items:center;gap:var(--space-2);color:var(--text);display:flex}.rooms-findings-header h4{font-size:var(--page-subtitle);margin:0;font-weight:600}.rooms-findings-list{padding-left:var(--space-5);color:var(--text-muted);font-size:var(--page-subtitle);margin:0}.rooms-findings-list li{padding:var(--space-1)0}.rooms-findings-empty{font-size:var(--page-label);color:var(--text-muted);margin:0;font-style:italic}.rooms-findings-login-hint{margin:var(--space-2)0 0;padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--page-label);color:var(--text-muted)}.rooms-findings-login-hint a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.rooms-findings-login-hint a:hover{color:var(--primary-hover)}.rooms-chat{gap:var(--space-4);flex-direction:column;display:flex}.rooms-learning-panel{min-height:360px}.rooms-learning-panel .clinical-panel{border-radius:var(--radius-md);border:1px solid var(--border)}.rooms-side-panel{gap:var(--space-3);flex-direction:column;display:flex}.rooms-view-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);width:-moz-fit-content;width:fit-content;display:inline-flex}.rooms-view-toggle-button{border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--page-label);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-1)var(--space-3);cursor:pointer;background:0 0;border:1px solid transparent;font-weight:700;transition:all .2s}.rooms-view-toggle-button.is-active{background:var(--secondary-soft);border-color:var(--secondary-border-soft);color:var(--secondary)}.rooms-chat-messages{gap:var(--space-3);max-height:360px;padding-right:var(--space-2);flex-direction:column;display:flex;overflow-y:auto}.rooms-chat-message{border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);gap:var(--space-2);flex-direction:column;display:flex}.rooms-chat-message.is-doctor{border-color:var(--primary)}.rooms-chat-message.is-patient{border-color:var(--secondary-border)}.rooms-chat-meta{font-size:var(--page-label);color:var(--text-muted);justify-content:space-between;display:flex}.rooms-chat-input textarea{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;padding:var(--space-2)var(--space-3);background:var(--surface-2);color:var(--text);font-size:var(--page-subtitle)}.rooms-rubric-preview{padding:var(--space-4)}.rooms-rubric-preview ul{margin:var(--space-3)0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.rooms-rubric-preview li{font-size:var(--page-subtitle);color:var(--text-muted);justify-content:space-between;display:flex}.rooms-rubric-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.rooms-rubric-meta{margin-top:var(--space-1);font-size:var(--page-subtitle);color:var(--text-muted)}.rooms-marking{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.rooms-rubric-list{gap:var(--space-2);display:grid}.rooms-rubric-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3)var(--space-3);background:var(--surface-2);font-size:var(--page-subtitle);cursor:pointer;color:var(--text);justify-content:space-between;display:flex}.rooms-rubric-item:disabled{opacity:.6;cursor:not-allowed}.rooms-rubric-item.is-active{border-color:var(--primary);background:var(--highlight-bg)}.rooms-export-success{font-size:var(--page-subtitle);color:var(--success-text);margin-bottom:var(--space-2)}.rooms-marking-meta{gap:var(--space-3);flex-direction:column;display:flex}.rooms-marking-card{gap:var(--space-3);padding:var(--space-3);align-items:center;display:flex}.rooms-ai-marks{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.rooms-ai-marks-header{align-items:center;gap:var(--space-2);color:var(--accent);display:flex}.rooms-ai-marks-header h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text);margin:0}.rooms-ai-marks-list{gap:var(--space-3);flex-direction:column;display:flex}.rooms-ai-mark-item{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)}.rooms-ai-mark-item.is-awarded{border-left:3px solid var(--success)}.rooms-ai-mark-item.is-not-awarded{border-left:3px solid var(--text-muted)}.rooms-ai-mark-header{align-items:center;gap:var(--space-2);display:flex}.rooms-ai-mark-icon--check{color:var(--success);flex-shrink:0}.rooms-ai-mark-icon--x{color:var(--text-muted);flex-shrink:0}.rooms-ai-mark-label{font-weight:var(--font-medium);font-size:var(--font-size-sm);flex:1}.rooms-ai-mark-score{font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-muted)}.rooms-ai-mark-reasoning{margin:var(--space-2)0 0 calc(var(--space-2) + 16px);font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.rooms-patient-feedback{gap:var(--space-5);padding:var(--space-5);flex-direction:column;display:flex}.rooms-patient-feedback-header{align-items:center;gap:var(--space-2);color:var(--primary);display:flex}.rooms-patient-feedback-header h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text);margin:0}.rooms-patient-feedback-intro{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.5}.rooms-patient-feedback-thanks{font-size:var(--font-size-base);color:var(--text-muted);margin:0;line-height:1.6}.rooms-patient-feedback-questions{gap:var(--space-5);flex-direction:column;display:flex}.rooms-patient-feedback-question{gap:var(--space-3);flex-direction:column;display:flex}.rooms-patient-feedback-question-text{font-size:var(--font-size-base);font-weight:var(--font-medium);color:var(--text);margin:0}.rooms-patient-feedback-scale{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.rooms-patient-feedback-label{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0;min-width:80px}.rooms-patient-feedback-label--low{text-align:right}.rooms-patient-feedback-label--high{text-align:left}.rooms-patient-feedback-options{gap:var(--space-2);display:flex}.rooms-patient-feedback-option{width:2.5rem;height:2.5rem;font-size:var(--font-size-base);font-weight:var(--font-medium);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.rooms-patient-feedback-option:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.rooms-patient-feedback-option.is-selected{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.rooms-patient-feedback-option:disabled{opacity:.5;cursor:not-allowed}.rooms-patient-feedback .rooms-primary-button{align-self:flex-start}.rooms-summary{gap:var(--space-4);flex-direction:column;display:flex}.rooms-summary-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.rooms-summary-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.rooms-summary-score{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);flex-wrap:wrap;display:flex}.rooms-summary-meta{gap:var(--space-1);font-size:var(--page-label);color:var(--text-muted);flex-direction:column;display:flex}.rooms-summary-list{gap:var(--space-2);flex-direction:column;display:flex}.rooms-summary-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);padding:var(--space-3)var(--space-3);font-size:var(--page-subtitle);justify-content:space-between;display:flex}.rooms-summary-learning{gap:var(--space-3);display:grid}.rooms-summary-card{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.rooms-summary-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.rooms-summary-chip{font-size:var(--page-label);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-1)var(--space-3)}.rooms-summary-feedback{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);gap:var(--space-2);flex-direction:column;display:flex}.rooms-summary-feedback-title{font-size:var(--page-title-sm);color:var(--text);font-weight:600}.rooms-rating-stars{gap:var(--space-2);display:flex}.rooms-rating-star{cursor:pointer;padding:var(--space-1);background:0 0;border:none}.rooms-rating-star--disabled{cursor:not-allowed;opacity:.5}.rooms-rating-star-icon{width:1.6rem;height:1.6rem}.rooms-rating-star-icon--active{color:var(--warning)}.rooms-rating-star-icon--inactive{color:var(--text-muted)}.rooms-rating-feedback{gap:var(--space-2);flex-direction:column;display:flex}.rooms-rating-label{font-size:var(--page-label);color:var(--text-muted);font-weight:600}.rooms-rating-textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--page-label);resize:vertical;background:var(--surface);color:var(--text);font-family:inherit}.rooms-rating-textarea:focus{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.rooms-rating-submit{padding:var(--space-2)var(--space-4);background:var(--primary);color:var(--text-on-accent);border-radius:var(--radius-pill);cursor:pointer;border:none;align-self:flex-start;font-weight:600}.rooms-rating-submit:disabled{opacity:.5;cursor:not-allowed}.rooms-rating-error{font-size:var(--page-label);color:var(--danger)}.rooms-rating-success{font-size:var(--page-label);color:var(--success);font-weight:600}.rooms-timer-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);grid-column:1/-1;display:flex}.rooms-timer{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;cursor:pointer;font-weight:600;transition:all .2s;display:inline-flex}.rooms-timer:hover{border-color:var(--primary);background:var(--highlight-bg)}.rooms-timer.is-running{border-color:var(--success);background:var(--success-soft,rgba(34,197,94,.1));color:var(--success)}.rooms-timer.is-running .rooms-timer-display{animation:1s ease-in-out infinite timer-pulse}.rooms-timer.is-finished{border-color:var(--danger);background:var(--danger-soft,rgba(239,68,68,.1));color:var(--danger)}.rooms-timer-display{min-width:4ch}.rooms-timer-reset{padding:var(--space-2)var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:var(--page-label);cursor:pointer;transition:all .2s}.rooms-timer-reset:hover{border-color:var(--text-muted);color:var(--text)}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.osce-results{gap:var(--space-6);flex-direction:column;display:flex}.osce-results-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.osce-results-header h3{font-size:var(--text-lg);color:var(--text);margin:0;font-weight:600}.osce-results-header p{color:var(--text-muted);font-size:var(--font-size-sm);margin:var(--space-1)0 0}.osce-results-actions{gap:var(--space-3);align-items:center;display:flex}.osce-results-score{background:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-5);justify-content:space-between;align-items:center;display:flex}.osce-results-score h4{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;font-weight:500}.osce-results-score p{font-size:var(--font-size-2xl);color:var(--text);margin:var(--space-2)0 0;font-weight:700}.osce-results-meta{align-items:flex-end;gap:var(--space-1);color:var(--text-muted);font-size:var(--font-size-sm);flex-direction:column;display:flex}.osce-results-list{gap:var(--space-2);flex-direction:column;display:flex}.osce-results-item{padding:var(--space-3)var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;display:flex}.osce-results-item span:first-child{color:var(--text)}.osce-results-item span:last-child{color:var(--text-muted);font-weight:500}.osce-results-empty{padding:var(--space-6);text-align:center;color:var(--text-muted);background:var(--surface-2);border-radius:var(--radius-md)}.osce-results-section{gap:var(--space-3);flex-direction:column;display:flex}.osce-results-section h4{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text);margin:0;font-weight:600;display:flex}.osce-results-section p{color:var(--text-muted);line-height:1.6}.osce-results-icon{width:18px;height:18px;color:var(--text-muted)}.osce-results-icon--success{color:var(--success)}.osce-results-icon--missed{color:var(--danger)}.osce-results-findings{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.osce-results-findings{grid-template-columns:1fr}}.osce-results-findings-column{gap:var(--space-3);padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-md);flex-direction:column;display:flex}.osce-results-findings-column h4{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text);margin:0;font-weight:600;display:flex}.osce-results-findings-column ul{padding-left:var(--space-5);color:var(--text-muted);font-size:var(--font-size-sm);margin:0;list-style:outside}.osce-results-findings-column li{padding:var(--space-1)0}.osce-results-placeholder{color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.osce-ai-marks{background:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4);border:1px solid var(--border)}.osce-ai-marks-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.osce-ai-marks-icon{width:18px;height:18px;color:var(--primary)}.osce-ai-marks-title{font-size:var(--font-size-base);color:var(--text);margin:0;font-weight:600}.osce-ai-marks-score{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);display:flex}.osce-ai-marks-score-value{font-size:var(--font-size-2xl);color:var(--text);font-weight:700}.osce-ai-marks-score-label{font-size:var(--font-size-sm);color:var(--text-muted)}.osce-ai-marks-findings{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.osce-ai-marks-findings{grid-template-columns:1fr}}.osce-ai-marks-column{gap:var(--space-2);flex-direction:column;display:flex}.osce-ai-marks-column-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);margin:0;font-weight:600;display:flex}.osce-ai-marks-column-title--matched{color:var(--success)}.osce-ai-marks-column-title--missed{color:var(--danger)}.osce-ai-marks-column-icon{width:14px;height:14px}.osce-ai-marks-list{padding-left:var(--space-5);font-size:var(--font-size-sm);color:var(--text-muted);margin:0;list-style:outside}.osce-ai-marks-list li{padding:var(--space-1)0}.osce-results-learning{gap:var(--space-4);flex-direction:column;display:flex}.osce-results-card{padding:var(--space-4)}.osce-results-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.osce-results-card-header h4{font-size:var(--font-size-sm);color:var(--text);margin:0;font-weight:600}.osce-results-chip{font-size:var(--text-xs);padding:var(--space-1)var(--space-2);background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-pill)}.osce-results-card p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0;line-height:1.6}.osce-results-feedback{border-top:1px solid var(--border);padding-top:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.osce-results-feedback-intro{gap:var(--space-1);flex-direction:column;display:flex}.osce-results-feedback-title{font-size:var(--font-size-base);color:var(--text);margin:0;font-weight:600}.osce-results-feedback-meta{font-size:var(--font-size-sm);color:var(--text-muted)}.osce-rating-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.osce-rating-card-title{font-size:var(--font-size-sm);color:var(--text);margin:0;font-weight:600}.osce-rating-card-stars{gap:var(--space-2);display:flex}.osce-rating-card-star{padding:var(--space-1);cursor:pointer;background:0 0;border:none;transition:transform .15s}.osce-rating-card-star:hover:not(.osce-rating-card-star--disabled){transform:scale(1.1)}.osce-rating-card-star--disabled{cursor:default;opacity:.7}.osce-rating-card-star-icon{width:24px;height:24px}.osce-rating-card-star-icon--active{fill:var(--warning);color:var(--warning)}.osce-rating-card-star-icon--inactive{fill:none;color:var(--border)}.osce-rating-card-tags{margin-top:var(--space-1)}.osce-rating-card-feedback{gap:var(--space-2);flex-direction:column;display:flex}.osce-rating-card-feedback-label{font-size:var(--font-size-sm);color:var(--text-muted)}.osce-rating-card-feedback-textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--font-size-sm);resize:vertical}.osce-rating-card-feedback-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-subtle);outline:none}.osce-rating-card-error{color:var(--danger);font-size:var(--font-size-sm)}.osce-rating-card-submit{padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);background:var(--primary);color:var(--text-on-accent);cursor:pointer;border:none;align-self:flex-start;font-weight:500;transition:opacity .2s}.osce-rating-card-submit:hover:not(:disabled){opacity:.9}.osce-rating-card-submit:disabled{opacity:.6;cursor:not-allowed}.osce-rating-card-success{color:var(--success-text);font-size:var(--font-size-sm)}.osce-results-stars{gap:var(--space-2);display:flex}.osce-results-star{padding:var(--space-1);cursor:pointer;background:0 0;border:none;transition:transform .15s}.osce-results-star:hover:not(.osce-results-star--disabled){transform:scale(1.2)}.osce-results-star--disabled{cursor:default;opacity:.7}.osce-results-star-icon{width:24px;height:24px}.osce-results-star-icon--active{fill:var(--warning);color:var(--warning)}.osce-results-star-icon--inactive{fill:none;color:var(--border)}.osce-results-rating-detail{gap:var(--space-3);flex-direction:column;display:flex}.osce-results-rating-detail label{font-size:var(--font-size-sm);color:var(--text-muted)}.osce-results-textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--font-size-sm);resize:vertical}.osce-results-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-subtle);outline:none}.osce-results-error{color:var(--danger);font-size:var(--font-size-sm)}.osce-results-success{color:var(--success);font-size:var(--font-size-sm)}.osce-results-submit{padding:var(--space-2)var(--space-4);background:var(--primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;border:none;align-self:flex-start;font-weight:500;transition:background .15s}.osce-results-submit:hover:not(:disabled){background:var(--primary-hover)}.osce-results-submit:disabled{opacity:.6;cursor:not-allowed}.osce-next-steps{background:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.osce-next-steps-header{align-items:center;gap:var(--space-2);color:var(--primary);display:flex}.osce-next-steps-header h3{font-size:var(--font-size-base);color:var(--text);margin:0;font-weight:600}.osce-next-steps-list{gap:var(--space-4);flex-direction:column;display:flex}.osce-next-steps-category{gap:var(--space-2);flex-direction:column;display:flex}.osce-next-steps-category-header{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600;display:flex}.osce-next-steps-items{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.osce-next-step{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--border);flex-wrap:wrap;display:flex}.osce-next-step--essential{border-left-color:var(--danger)}.osce-next-step--recommended{border-left-color:var(--warning)}.osce-next-step--consider{border-left-color:var(--text-muted)}.osce-next-step-label{font-size:var(--font-size-sm);color:var(--text);flex:1;min-width:200px;font-weight:500}.osce-next-step-description{width:100%;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.osce-next-step-priority{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1)var(--space-2);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted)}.osce-next-step--essential .osce-next-step-priority{background:var(--danger-subtle);color:var(--danger)}.osce-next-step--recommended .osce-next-step-priority{background:var(--warning-subtle);color:var(--warning)}.osce-tabs{gap:var(--space-1);padding:var(--space-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.osce-tabs::-webkit-scrollbar{display:none}.osce-tabs--pills{gap:var(--space-2);background:0 0;border:none;padding:0}.osce-tabs--underline{border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;gap:0;padding:0}.osce-tabs--sm .osce-tab{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs)}.osce-tab{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid transparent;flex-shrink:0;font-weight:500;transition:all .15s;display:flex}.osce-tab:hover:not(:disabled){color:var(--text);background:var(--surface)}.osce-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.osce-tab.is-active{color:var(--text);background:var(--surface);border-color:var(--border)}.osce-tab:disabled{opacity:.5;cursor:not-allowed}.osce-tabs--pills .osce-tab{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2)}.osce-tabs--pills .osce-tab.is-active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.osce-tabs--underline .osce-tab{padding:var(--space-3)var(--space-4);border:none;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px}.osce-tabs--underline .osce-tab.is-active{border-bottom-color:var(--primary);color:var(--primary);background:0 0}.osce-tab-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.osce-tab-icon svg{width:1rem;height:1rem}.osce-tab-label{flex-shrink:0}.osce-tab-panel{flex-direction:column;flex:1;min-height:0;display:flex}.osce-tab-layout{gap:var(--space-3);flex-direction:column;height:100%;display:flex}.osce-tab-content{flex:1;min-height:0;overflow-y:auto}.osce-mobile-layout{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.osce-mobile-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.osce-mobile-content--no-tabs{padding-bottom:var(--space-4)}.osce-mobile-tabs{z-index:50;background:var(--surface-solid);border-top:1px solid var(--border);padding:var(--space-1)var(--space-3);position:fixed;bottom:0;left:0;right:0}.osce-mobile-tabs .osce-tabs{justify-content:space-around;gap:var(--space-1);z-index:auto;box-shadow:none;background:0 0;border:none;padding:0;display:flex;position:static;bottom:auto;left:auto;right:auto}.osce-mobile-tabs .osce-tab{padding:var(--space-1)var(--space-2);font-size:var(--font-size-xs);border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;flex:1;gap:0}.osce-mobile-tabs .osce-tab.is-active{background:var(--primary-subtle);color:var(--primary)}.osce-mobile-tabs .osce-tab-icon{display:none}.osce-mobile-findings,.osce-mobile-summary,.osce-mobile-plan{padding:var(--space-4);height:100%;overflow-y:auto}.osce-mobile-section{margin-bottom:var(--space-4)}.osce-mobile-section-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text);margin-bottom:var(--space-2);font-weight:600;display:flex}.osce-mobile-section-title svg{width:16px;height:16px;color:var(--text-muted)}.osce-mobile-patient{gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.osce-mobile-patient span:not(:last-child):after{content:"·";margin-left:var(--space-2);color:var(--border)}.osce-mobile-list{margin:0;padding:0;list-style:none}.osce-mobile-list li{padding:var(--space-2)var(--space-3);font-size:var(--font-size-sm);background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.osce-mobile-empty{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}@media (max-width:768px){.rooms-page-header .frame-header-left{display:none}.rooms-page-header .frame-header-right{flex:1;justify-content:flex-end}}}
@layer components{.error-page{min-height:100vh;padding:var(--space-7);background:var(--bg);color:var(--text);justify-content:center;align-items:center;display:flex}.error-container{text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;width:100%;max-width:600px;display:flex}.error-icon-wrapper{border-radius:var(--radius-circle);background:var(--primary-soft);width:120px;height:120px;margin-bottom:var(--space-2);border:2px solid var(--border);justify-content:center;align-items:center;display:flex}.error-icon-wrapper.error-icon-danger{background:rgba(217,45,32,.1);border-color:rgba(217,45,32,.2)}.error-icon{width:56px;height:56px;color:var(--primary)}.error-icon-danger .error-icon{color:var(--danger)}.error-code{font-size:var(--font-size-display-xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;font-weight:700;line-height:1;font-family:var(--font-family-bauhaus);letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0}.error-title{font-size:var(--font-size-3xl);color:var(--text);font-weight:600;font-family:var(--font-family-primary);margin:0}.error-description{font-size:var(--font-size-lg);color:var(--text-muted);max-width:500px;margin:0;line-height:1.6}.error-details{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;max-width:500px;padding:var(--space-4);text-align:left;margin-top:var(--space-2)}.error-details-label{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--space-2)0;font-weight:600}.error-details-message{font-size:var(--font-size-sm);font-family:var(--font-family-mono);color:var(--danger);background:var(--surface);padding:var(--space-3);border-radius:var(--radius-xs);border:1px solid var(--border);word-break:break-word;display:block;overflow-x:auto}.error-actions{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.error-button{align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-6);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family-primary);cursor:pointer;border:none;outline:none;text-decoration:none;transition:all .2s;display:inline-flex}.error-button-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-soft-strong)}.error-button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.error-button-primary:active{transform:translateY(0)}.error-button-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.error-button-secondary:hover{background:var(--surface-3);border-color:var(--border-strong)}.error-suggestions{margin-top:var(--space-4);padding-top:var(--space-7);border-top:1px solid var(--border);width:100%;max-width:400px}.error-suggestions-title{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--space-4)0;font-weight:600}.error-suggestions-list{gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.error-suggestions-list li a{padding:var(--space-2)var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--primary);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.error-suggestions-list li a:hover{background:var(--surface-3);border-color:var(--primary);transform:translateY(-1px)}.error-help{margin-top:var(--space-4);padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);max-width:500px}.error-help-text{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.5}.error-contact-link{align-items:center;gap:var(--space-1);color:var(--primary);font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.error-contact-link:hover{color:var(--primary-dark);text-decoration:underline}}
@layer components{.how-to-use-page,.group-use-page,.progress-page{background:var(--gradient-surface);min-height:100vh;padding:var(--space-7)var(--space-6)var(--space-10)}.help-page{flex-direction:column;min-height:0;display:flex}.help-page-body{gap:var(--space-7)}.help-tabs{gap:var(--space-2);padding:var(--space-2);flex-wrap:wrap;width:100%;max-width:1200px;margin:0 auto;display:flex}.help-tab{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:1px solid transparent;font-weight:600;transition:all .2s;display:inline-flex}.help-tab:hover{background:var(--surface-2);color:var(--text)}.help-tab.is-active{background:var(--secondary-soft);border-color:var(--secondary-border-soft);color:var(--secondary);box-shadow:var(--shadow-soft)}.help-tab-icon{width:1rem;height:1rem}.help-tab-panel{gap:var(--space-8);flex-direction:column;flex:1;min-height:0;display:flex}.help-tab-content{gap:var(--space-10);flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex}.how-to-use-header,.group-use-header,.progress-header{max-width:1200px;margin:0 auto var(--space-10);text-align:center}.back-button{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-7);font-weight:500;transition:all .2s;display:inline-flex}.back-button:hover{background:var(--surface-2);border-color:var(--secondary-border-soft);transform:translate(-4px)}.back-icon{width:1rem;height:1rem}.page-title{font-size:var(--font-size-4xl);color:var(--text);margin-bottom:var(--space-3);letter-spacing:-.02em;font-weight:700}.page-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);max-width:600px;margin:0 auto}.how-to-use-content,.group-use-content,.progress-content{gap:var(--space-10);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.section-title{font-size:var(--font-size-3xl);color:var(--text);margin-bottom:var(--space-7);text-align:center;letter-spacing:-.01em;font-weight:700}.intro-section{animation:.6s ease-out fade-in-up}.intro-card{padding:var(--space-8);text-align:center}.intro-icon{width:4rem;height:4rem;color:var(--secondary);margin:0 auto var(--space-5)}.intro-card h2{font-size:var(--font-size-2xl);color:var(--text);margin-bottom:var(--space-4);font-weight:700}.intro-card p{font-size:var(--font-size-base);color:var(--text-muted);max-width:800px;margin:0 auto;line-height:1.7}.quick-start-section{animation:.6s ease-out .1s both fade-in-up}.quick-start-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.quick-start-card{padding:var(--space-7);text-align:center}.quick-start-card:hover{border-color:var(--secondary-border-soft)}.quick-start-number{background:var(--secondary-soft);border:2px solid var(--secondary-border-soft);border-radius:var(--radius-circle);width:3rem;height:3rem;color:var(--secondary);font-size:var(--font-size-xl);margin-bottom:var(--space-5);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.quick-start-card h3{font-size:var(--font-size-lg);color:var(--text);margin-bottom:var(--space-3);font-weight:600}.quick-start-card p{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.features-section{animation:.6s ease-out .2s both fade-in-up}.features-list{gap:var(--space-8);flex-direction:column;display:flex}.feature-detail-card{padding:var(--space-8);transition:all .3s}.feature-detail-card:hover{box-shadow:var(--shadow);border-color:var(--secondary-border-soft)}.feature-detail-header{align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-7);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);display:flex}.feature-icon-wrapper{background:var(--secondary-soft);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.feature-icon{width:2rem;height:2rem;color:var(--secondary)}.feature-title{font-size:var(--font-size-2xl);color:var(--text);margin-bottom:var(--space-2);font-weight:700}.feature-description{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.6}.feature-detail-content{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-detail-column{flex-direction:column;display:flex}.column-title{font-size:var(--font-size-lg);color:var(--text);margin-bottom:var(--space-4);font-weight:600}.steps-list,.benefits-list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.step-item,.benefit-item{align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--text);line-height:1.6;display:flex}.step-icon,.benefit-icon{width:1.25rem;height:1.25rem;color:var(--secondary);flex-shrink:0;margin-top:.125rem}.tips-section{animation:.6s ease-out .3s both fade-in-up}.tips-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.tip-card{padding:var(--space-6);text-align:center}.tip-card:hover{border-color:var(--secondary-border-soft)}.tip-icon{width:2.5rem;height:2.5rem;color:var(--secondary);margin:0 auto var(--space-4)}.tip-card h3{font-size:var(--font-size-lg);color:var(--text);margin-bottom:var(--space-3);font-weight:600}.tip-card p{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.how-it-works-section{animation:.6s ease-out .1s both fade-in-up}.steps-timeline{max-width:800px;margin:0 auto;position:relative}.steps-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:1.5rem}.timeline-item{gap:var(--space-6);margin-bottom:var(--space-8);display:flex;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{z-index:1;flex-shrink:0}.timeline-number{background:var(--secondary);border:3px solid var(--surface);border-radius:var(--radius-circle);color:#fff;width:3rem;height:3rem;font-size:var(--font-size-lg);box-shadow:0 0 0 2px var(--secondary-border-soft);justify-content:center;align-items:center;font-weight:700;display:flex}.timeline-content{padding:var(--space-6);flex:1}.timeline-content h3{font-size:var(--font-size-xl);color:var(--text);margin-bottom:var(--space-2);font-weight:600}.timeline-content p{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.features-grid{gap:var(--space-7);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.group-feature-card{padding:var(--space-7)}.group-feature-card:hover{border-color:var(--secondary-border-soft)}.group-feature-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);display:flex}.group-feature-icon{width:2rem;height:2rem;color:var(--secondary)}.group-feature-header h3{font-size:var(--font-size-lg);color:var(--text);font-weight:600}.group-feature-description{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-5);line-height:1.6}.group-feature-details{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.group-feature-details li{font-size:var(--font-size-sm);color:var(--text);padding-left:var(--space-6);line-height:1.6;position:relative}.group-feature-details li:before{content:"•";left:var(--space-3);color:var(--secondary);font-weight:700;position:absolute}.tips-list{gap:var(--space-5);flex-direction:column;display:flex}.tip-card-detailed{align-items:flex-start;gap:var(--space-5);padding:var(--space-6);transition:all .3s;display:flex}.tip-card-detailed:hover{box-shadow:var(--shadow);border-color:var(--secondary-border-soft)}.tip-card-icon{width:2.5rem;height:2.5rem;color:var(--secondary);flex-shrink:0}.tip-card-content h3{font-size:var(--font-size-lg);color:var(--text);margin-bottom:var(--space-2);font-weight:600}.tip-card-content p{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.tracking-feature-card{padding:var(--space-7)}.tracking-feature-card:hover{border-color:var(--secondary-border-soft)}.tracking-feature-header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);display:flex}.tracking-feature-icon{width:2.5rem;height:2.5rem;color:var(--secondary);flex-shrink:0}.tracking-feature-header h3{font-size:var(--font-size-xl);color:var(--text);margin-bottom:var(--space-2);font-weight:600}.metrics-list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.metrics-list li{align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--text);line-height:1.6;display:flex}.metric-icon{width:1.125rem;height:1.125rem;color:var(--secondary);flex-shrink:0;margin-top:.125rem}.dashboards-section{animation:.6s ease-out .2s both fade-in-up}.dashboards-grid{gap:var(--space-7);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.dashboard-card{padding:var(--space-7)}.dashboard-card:hover{border-color:var(--secondary-border-soft)}.dashboard-card h3{font-size:var(--font-size-xl);color:var(--text);margin-bottom:var(--space-3);font-weight:700}.dashboard-description{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-5);line-height:1.6}.dashboard-includes h4{font-size:var(--font-size-sm);color:var(--text);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.dashboard-includes ul{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.dashboard-includes li{font-size:var(--font-size-sm);color:var(--text-muted);padding-left:var(--space-5);line-height:1.5;position:relative}.dashboard-includes li:before{content:"→";color:var(--secondary);position:absolute;left:0}.tools-section{animation:.6s ease-out .3s both fade-in-up}.tools-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.tool-card{padding:var(--space-6);text-align:center}.tool-card:hover{border-color:var(--secondary-border-soft)}.tool-icon{width:2.5rem;height:2.5rem;color:var(--secondary);margin:0 auto var(--space-4)}.tool-card h3{font-size:var(--font-size-base);color:var(--text);margin-bottom:var(--space-3);font-weight:600}.tool-card p{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.how-to-section{animation:.6s ease-out .4s both fade-in-up}.tips-cards{gap:var(--space-5);flex-direction:column;max-width:900px;margin:0 auto;display:flex}.tip-card-horizontal{align-items:flex-start;gap:var(--space-5);padding:var(--space-6);transition:all .3s;display:flex}.tip-card-horizontal:hover{box-shadow:var(--shadow);border-color:var(--secondary-border-soft);transform:translate(8px)}.tip-number{background:var(--secondary-soft);border:2px solid var(--secondary-border-soft);border-radius:var(--radius-circle);width:2.5rem;height:2.5rem;color:var(--secondary);font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.tip-content h3{font-size:var(--font-size-lg);color:var(--text);margin-bottom:var(--space-2);font-weight:600}.tip-content p{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.cta-section{text-align:center;background:linear-gradient(135deg,var(--secondary-soft)0%,var(--surface)100%);border:1px solid var(--secondary-border-soft);border-radius:var(--radius-xl);padding:var(--space-10)var(--space-7);margin-top:var(--space-8);animation:.6s ease-out .5s both fade-in-up}.cta-section h2{font-size:var(--font-size-3xl);color:var(--text);margin-bottom:var(--space-3);font-weight:700}.cta-section p{font-size:var(--font-size-lg);color:var(--text-muted);margin-bottom:var(--space-7)}.cta-buttons{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.cta-button{padding:var(--space-4)var(--space-7);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;border:none;font-weight:600;transition:all .3s}.cta-button.primary{background:var(--secondary);color:#fff;box-shadow:var(--shadow-soft)}.cta-button.primary:hover{background:var(--secondary);box-shadow:var(--shadow);filter:brightness(1.1);transform:translateY(-2px)}.cta-button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.cta-button.secondary:hover{background:var(--surface-2);border-color:var(--secondary-border-soft);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.guides-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.guide-card{align-items:flex-start;gap:var(--space-3);text-align:left;flex-direction:column;width:100%;display:flex}.guide-card:hover{border-color:var(--primary-border-soft)}.guide-card.is-locked{cursor:not-allowed;opacity:.65;transform:none}.guide-card.is-locked:hover{border-color:var(--border);box-shadow:var(--shadow-soft);transform:none}.guide-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.guide-card-icon{border-radius:var(--radius-md);background:var(--gradient-tile-blue);width:3rem;height:3rem;color:var(--primary);justify-content:center;align-items:center;display:flex}.guide-card-arrow{color:var(--text-subtle);transition:transform .2s}.guide-card:hover .guide-card-arrow{color:var(--primary);transform:translate(4px)}.guide-card-title{font-size:var(--font-size-xl);color:var(--text);margin:0;font-weight:700}.guide-card-description{font-size:var(--font-size-base);color:var(--text-muted);margin:0;line-height:1.5}.guide-card-lock{font-size:var(--font-size-sm);color:var(--warning-text);margin:0}.guide-card-topics{gap:var(--space-2);margin:var(--space-2)0 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.guide-card-topics li{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--surface-2);padding:var(--space-1)var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border)}.guide-content{max-width:800px}.guide-header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.guide-header-icon{border-radius:var(--radius-lg);background:var(--gradient-tile-blue);width:3.5rem;height:3.5rem;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.guide-header-text{flex:1}.guide-header-title{font-size:var(--font-size-2xl);color:var(--text);margin:0 0 var(--space-1)0;font-weight:700}.guide-header-description{font-size:var(--font-size-base);color:var(--text-muted);margin:0}.guide-back-link{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-4);padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;text-decoration:none;transition:all .15s;display:inline-flex}.guide-back-link:hover{color:var(--primary);background:var(--primary-soft)}.guide-section{margin-bottom:var(--space-8)}.guide-section-title{font-size:var(--font-size-lg);color:var(--text);margin:0 0 var(--space-4)0;padding-bottom:var(--space-2);border-bottom:2px solid var(--primary-soft);font-weight:700}.guide-section-content{font-size:var(--font-size-base);color:var(--text);line-height:1.7}.guide-section-content p{margin:0 0 var(--space-4)0}.guide-section-content ul,.guide-section-content ol{margin:0 0 var(--space-4)0;padding-left:var(--space-6)}.guide-section-content li{margin-bottom:var(--space-2)}.guide-section-content strong{color:var(--text);font-weight:600}.guide-level-control{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);margin-bottom:var(--space-5);display:inline-flex}.guide-view-toggle{align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);margin-bottom:var(--space-5);display:inline-flex}.guide-view-toggle__button{padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);font-size:var(--font-size-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-weight:600;transition:all .2s}.guide-view-toggle__button:hover{background:var(--surface-2);color:var(--text)}.guide-view-toggle__button.is-active{background:var(--primary-soft);color:var(--primary);box-shadow:var(--shadow-soft)}.guide-level-label{font-size:var(--font-size-sm);color:var(--text-muted)}.guide-level-select{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:var(--space-2)var(--space-3);font-size:var(--font-size-sm)}.guide-step-section{margin-bottom:var(--space-5)}.guide-step-item{margin-bottom:var(--space-4)}.guide-step-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.guide-step-title{color:var(--text);font-weight:600}.guide-step-tier{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border);text-transform:capitalize}.guide-step-tier--essential{background:var(--primary-soft);color:var(--primary)}.guide-step-tier--desirable{background:var(--surface-2);color:var(--text-muted)}.guide-step-tier--advanced{background:var(--surface-3);color:var(--text)}.guide-step-meta{font-size:var(--font-size-xs);color:var(--text-subtle);margin-top:var(--space-1)}.guide-assessment{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px dashed var(--border);background:var(--surface)}.guide-assessment-title{font-size:var(--font-size-sm);color:var(--text);margin-bottom:var(--space-2);font-weight:600}.guide-assessment-prompt{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.guide-assessment-meta{font-size:var(--font-size-xs);color:var(--text-subtle);margin-bottom:var(--space-2)}.guide-assessment-options{padding-left:var(--space-5);color:var(--text-muted);margin:0;list-style:outside}.guide-flags{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.guide-flag{align-items:flex-start;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.4;display:flex}.guide-flag-icon{flex-shrink:0;margin-top:.125rem}.guide-flag--critical{background:var(--error-soft);border:1px solid var(--error-border-soft);color:var(--error)}.guide-flag--high{background:var(--warning-soft);border:1px solid var(--warning-border-soft);color:var(--warning-text,var(--text))}.guide-flag--medium{background:var(--secondary-soft);border:1px solid var(--secondary-border-soft);color:var(--text)}.guide-flag--low{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.guide-tip{gap:var(--space-3);padding:var(--space-4);background:var(--secondary-soft);border:1px solid var(--secondary-border-soft);border-radius:var(--radius-md);margin:var(--space-4)0;display:flex}.guide-tip-icon{color:var(--secondary);flex-shrink:0}.guide-tip-content{font-size:var(--font-size-sm);color:var(--text);line-height:1.5}.guide-tip-content p{margin:0}.guide-warning{gap:var(--space-3);padding:var(--space-4);background:var(--warning-soft);border:1px solid var(--warning-border-soft);border-radius:var(--radius-md);margin:var(--space-4)0;display:flex}.guide-warning-icon{color:var(--warning);flex-shrink:0}.guide-warning-content{font-size:var(--font-size-sm);color:var(--text);line-height:1.5}.guide-key-points{gap:var(--space-3);margin:var(--space-4)0;flex-direction:column;padding:0;list-style:none;display:flex}.guide-key-point{align-items:flex-start;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border);display:flex}.guide-key-point-number{border-radius:var(--radius-full);background:var(--primary);color:#fff;width:1.75rem;height:1.75rem;font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.guide-key-point-text{font-size:var(--font-size-base);color:var(--text);flex:1;line-height:1.5}.guide-card{animation:.5s ease-out both fade-in-up}.guide-card:first-child{animation-delay:.1s}.guide-card:nth-child(2){animation-delay:.2s}.guide-card:nth-child(3){animation-delay:.3s}@media (max-width:768px){.how-to-use-page,.group-use-page,.progress-page{padding:var(--space-6)var(--space-5)var(--space-8)}.page-title{font-size:var(--font-size-3xl)}.section-title{font-size:var(--font-size-2xl)}.guides-grid{grid-template-columns:1fr}.guide-card{padding:var(--space-5)}.guide-header{gap:var(--space-3);flex-direction:column}.feature-detail-header{text-align:center;flex-direction:column}.feature-detail-content,.quick-start-grid,.tips-grid,.features-grid,.dashboards-grid,.tools-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;width:100%}.cta-button{width:100%}.help-tabs{justify-content:center}.help-tab{flex:auto;justify-content:center}}}