@charset "UTF-8";:root{--color-surface: #ffffff;--color-on-surface: #000000;--color-hover: rgb(151, 162, 174);--color-active: rgb(131, 142, 154);--color-selected: rgb(151, 162, 174);--color-primary: #5a6c7d;--color-border-subtle: rgba(0, 0, 0, .05);--color-divider: rgba(0, 0, 0, .15);--color-focus: rgba(0, 0, 0, .5)}:root{--font-family-primary: Georgia, "Times New Roman", serif;--font-family-ui: Georgia, "Times New Roman", serif;--font-size-h1: 2.5rem;--font-size-h2: 1.875rem;--font-size-h3: 1.5rem;--font-size-body: 1rem;--font-size-small: .875rem;--font-size-button-text: 1.5625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75}:root{--size-button: 40px;--size-icon: 24px;--size-progress-height: 8px;--size-progress-width: 600px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-circle: 50%;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 6px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .6s ease;--scale-active: .97;--scale-selected: 1.05;--scale-hover: 1.02}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-ui);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-on-surface);background:var(--color-surface)}h1{font-family:var(--font-family-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}h2{font-family:var(--font-family-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}h3{font-family:var(--font-family-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md)}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer}.button-base{display:flex;align-items:center;justify-content:center;width:var(--size-button);height:var(--size-button);padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-circle);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.button-base:hover:not(:disabled){background:var(--color-hover);transform:scale(1.05)}.button-base:active:not(:disabled){transform:scale(var(--scale-active))}.button-base:disabled{opacity:.4;cursor:not-allowed}.button-base--selected{background:var(--color-primary);border-color:var(--color-primary);transform:scale(var(--scale-selected))}.button-base--selected:hover:not(:disabled){background:var(--color-primary)}.button-base--pill{width:auto;min-width:80px;padding:0 var(--spacing-md);border-radius:var(--radius-pill)}.icon-container{display:flex;align-items:center;justify-content:center;width:var(--size-icon);height:var(--size-icon);flex-shrink:0}.icon-container svg{width:100%;height:100%;fill:currentColor}.button-text{font-family:var(--font-family-ui);font-size:var(--font-size-button-text);font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-on-surface);-webkit-user-select:none;user-select:none}.button-base--pill .button-text{font-size:var(--font-size-body)}.button-bar{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);padding:var(--spacing-md);flex-wrap:wrap;width:fit-content;max-width:100%;margin:0 auto}