.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.625rem 1.25rem;min-height:48px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap}.btn:active{transform:scale(.95)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn--primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn--primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-glow)}.btn--primary:active{background-color:var(--primary-active);border-color:var(--primary-active)}.btn--secondary{background-color:transparent;color:var(--primary);border-color:var(--primary)}.btn--secondary:hover,.btn--secondary:active{background-color:var(--primary-subtle)}.btn--ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn--ghost:hover{background-color:var(--surface-2);color:var(--text)}.btn--danger{background-color:var(--error);color:#fff;border-color:var(--error)}.btn--danger:hover{background-color:var(--error);border-color:var(--error);opacity:.85}.btn--sm{padding:.375rem .75rem;min-height:36px;font-size:var(--text-xs);border-radius:var(--radius-md)}.btn--lg{padding:.875rem 1.75rem;font-size:var(--text-base);border-radius:var(--radius-xl)}.btn--full{width:100%}.btn--icon{padding:.625rem;border-radius:var(--radius-full)}.card{background-color:var(--surface);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.04)}.card--interactive{cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#ffffff14}.card--interactive:active{transform:translateY(0) scale(.98)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.card__title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text)}.card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.125rem .5rem;font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);line-height:1.5;white-space:nowrap}.badge--primary{background-color:var(--primary-subtle);color:var(--primary)}.badge--success{background-color:var(--success-subtle);color:var(--success)}.badge--warning{background-color:var(--warning-subtle);color:var(--warning)}.badge--error{background-color:var(--error-subtle);color:var(--error)}.badge--bronze{background-color:#cd7f3233;color:#f0d4a8}.badge--silver{background-color:#c0c0c033;color:#e8e8e8}.badge--gold{background-color:#ffd70033;color:#fff5cc}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal--open{opacity:1;visibility:visible}.modal__backdrop{position:absolute;inset:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal__content{position:relative;background-color:var(--surface);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-lg);max-width:420px;width:100%;max-height:85vh;overflow-y:auto;border:1px solid rgba(255,255,255,.06);z-index:1}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.modal__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold)}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.modal__close:hover{background-color:var(--surface-2);color:var(--text)}.modal__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xl);justify-content:flex-end}.progress-bar{width:100%}.progress-bar__track{width:100%;height:6px;background-color:var(--surface-2);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);transition:width var(--transition-normal);min-width:0}.progress-bar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.progress-bar__label{font-size:var(--text-xs);color:var(--text-secondary)}.progress-bar__percent{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-semibold)}.progress-bar--lg .progress-bar__track{height:10px}.progress-bar--success .progress-bar__fill{background:var(--success)}.input{width:100%;padding:.625rem .875rem;font-size:var(--text-base);color:var(--text);background-color:var(--surface-2);border:2px solid transparent;border-radius:var(--radius-lg);transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:hover{background-color:var(--surface-3)}.input:focus{border-color:var(--primary);background-color:var(--surface);box-shadow:0 0 0 3px var(--primary-subtle)}.input--error{border-color:var(--error)}.input--error:focus{box-shadow:0 0 0 3px var(--error-subtle)}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.25rem .75rem;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);background-color:var(--surface-2);border-radius:var(--radius-full);border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.chip--active{background-color:var(--primary-subtle);color:var(--primary);border-color:var(--primary)}.chip--interactive{cursor:pointer}.chip--interactive:hover{background-color:var(--surface-3);color:var(--text)}.toast--success{border-left:3px solid var(--success)}.toast--error{border-left:3px solid var(--error)}.divider{width:100%;height:1px;background-color:var(--surface-2);border:none;margin:var(--space-md) 0}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--primary-subtle);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-sm);overflow:hidden}.avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar--lg{width:56px;height:56px;font-size:var(--text-lg)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.session-type-btn{display:flex;align-items:center;gap:var(--space-md);text-align:left;padding:var(--space-md) var(--space-lg);margin-top:var(--space-sm)}.session-type-btn__icon{font-size:var(--text-xl);flex-shrink:0}.session-type-btn__text{display:flex;flex-direction:column;gap:2px}.session-type-btn__label{font-weight:600;font-size:var(--text-base)}.session-type-btn__desc{font-size:var(--text-sm);opacity:.7}