:root{--color-primary: #252649;--color-primary-light: #3f407c;--color-primary-dark: #0b0c16;--color-primary-bg: rgba(37, 38, 73, .2);--color-accent: #ffc400;--color-accent-light: #ffd64d;--color-accent-dark: #b38900;--color-accent-bg: rgba(255, 196, 0, .2);--black: #1d1d21;--gray-10: #2e2e31;--gray-6: #7b7a7d;--gray-4: #a5a5a6;--gray-3: #bbbbbc;--gray-2: #d1d0d2;--gray-1: #e8e7e8;--white: white;--color-success: #88c459;--color-error: #da1b2b;--color-warning: #ffd137;--color-border: var(--gray-10);--color-border-light: var(--gray-2);--color-panel-background: var(--color-primary);--color-background-light: var(--white);--color-background-hover: var(--gray-1);--color-background-hover-alpha: #1d1d2115;--color-text: var(--gray-10);--color-text-heading: var(--black);--color-text-subtle: var(--gray-6);--color-link: var(--color-primary);--color-link-visited: var(--color-primary-dark);--color-mark: var(--color-accent-bg);--color-blockquote-border: var(--gray-2);--color-text-contrast: var(--gray-1);--color-timeline-item: #ffffff;--color-timeline-item-active-family: #ffedb3;--color-timeline-item-active: #ffc400;--color-timeline-item-highlighed-player: var(--color-accent-light);--color-timeline-item-cutoff: var(--color-error)}:root{--space-unit: 1rem;--space-xxxs: calc(.25 * var(--space-unit));--space-xxs: calc(.375 * var(--space-unit));--space-xs: calc(.5 * var(--space-unit));--space-sm: calc(.75 * var(--space-unit));--space-md: calc(1.25 * var(--space-unit));--space-lg: calc(2 * var(--space-unit));--space-xl: calc(3.25 * var(--space-unit));--space-xxl: calc(5.25 * var(--space-unit));--space-xxxl: calc(8.5 * var(--space-unit));--component-padding: var(--space-sm)}.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}html{--border-width: 3px;--border-width-l: var(--border-width);--border-width-m: 2px;--border-width-s: 1px;--border-radius: .75rem;--border-radius-l: var(--border-radius);--border-radius-m: .3rem;--border-radius-s: .1rem;--margin: 1.5rem;--margin-l: var(--margin);--margin-m: 1.5rem;--margin-s: .3rem;--padding: 2.5rem;--padding-l: var(--padding);--padding-m: 1.5rem;--padding-s: .75rem;--timeline-item-margin: var(--margin-s);--time-s: .05s;--time-m: .1s;--time-l: .25s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--color-background-light);color:var(--color-text)}body{font-family:"Source Sans 3",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin:0;line-height:1;-webkit-font-smoothing:antialiased;line-height:1.45}h1{font-weight:500;font-size:200%;color:var(--color-text-heading);margin:0 0 var(--space-sm)}h2{font-weight:500;font-size:150%;color:var(--color-text-heading);margin:0 0 var(--space-sm)}a{color:var(--color-link)}button,input{font:inherit}select,input:not([type=range]):not([type=checkbox]):not([type=radio]){border:none;border-bottom:solid var(--border-width-s) var(--color-border);outline:none;transition:background-color var(--time-m);border-radius:var(--border-radius-m);border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:var(--color-background-light);color:var(--color-text);padding:var(--space-xs) var(--space-xs)}select:focus,input:not([type=range]):not([type=checkbox]):not([type=radio]):focus{background-color:var(--color-background-hover)}.fb-page{max-width:28rem;margin:0 auto;padding:var(--space-md) var(--space-sm) var(--space-lg)}.fb-card{background:var(--color-background-light);border:1px solid var(--color-border-light);border-radius:var(--border-radius-m);padding:var(--space-md)}.fb-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-sm) var(--space-md);border:none;border-radius:.2rem;background:var(--color-primary);color:var(--color-text-contrast);font-weight:500;cursor:pointer}.fb-btn:hover:not(:disabled){text-decoration:underline}.fb-btn:disabled{opacity:.5;cursor:not-allowed}.fb-btn--danger{background:var(--color-error);color:var(--white)}.fb-btn--ghost{background:transparent;border:1px solid var(--color-border-light);color:var(--color-text)}.fb-btn+.fb-btn{margin-top:var(--space-sm)}.fb-field{display:flex;flex-direction:column;gap:var(--space-xxs);margin-bottom:var(--space-md)}.fb-field>span:first-child{font-size:.8rem;color:var(--color-text-subtle)}.fb-field input[type=range]{width:100%;accent-color:var(--color-primary)}.fb-error{color:var(--color-error);margin:var(--space-sm) 0;font-size:.9rem}.fb-muted{color:var(--color-text-subtle)}.fb-banner{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-sm);border-radius:var(--border-radius-m);background:var(--color-primary-bg);color:var(--color-text);font-size:.9rem;line-height:1.4}.fb-banner--offline{background:var(--color-accent-bg);border:1px solid var(--color-accent)}