:root{--color-bg:          #2a1f14;--color-bg-warm:     #f5f0e8;--color-surface:     #fffef9;--color-surface-alt: #f2f0ec;--color-surface-sunken: #eae8e4;--color-nav-bg:       #1a1714;--color-nav-text:     #e8e2d8;--color-nav-text-dim: #9e9690;--color-nav-border:   #2e2b28;--color-accent:        #3a7d5c;--color-accent-hover:  #2d6649;--color-accent-light:  #e6f2ec;--color-accent-muted:  #7aaa91;--color-text:           #1c1a17;--color-text-secondary: #5a5248;--color-text-muted:     #8c8278;--color-text-inverse:   #f5f0e8;--color-border:       #d4c9b8;--color-border-strong: #a89880;--color-border-dark:  #2e2b28;--color-success:      #3a7d5c;--color-success-bg:   #e6f2ec;--color-success-text: #1e4a35;--color-warning:      #c87941;--color-warning-bg:   #fdf0e4;--color-warning-text: #7a4520;--color-danger:       #b84040;--color-danger-bg:    #fdeaea;--color-danger-text:  #6e2020;--color-info:         #4a7fa5;--color-info-bg:      #e8f2f8;--color-info-text:    #1e4a66;--color-cell-bg:       #fffef9;--color-cell-void:     #1c1a17;--color-cell-border:   #1c1a17;--color-cell-selected: #f5d87a;--color-cell-word:     #faf2c8;--color-cell-correct:  #c8f0d8;--color-cell-incorrect: #f8d0d0;--color-cell-flash:     #f5d87a;--color-footer-bg:     #2e2b28;--color-footer-text:   #c4bbb2;--color-footer-link:   #9e9690;--color-footer-link-hover: var(--color-accent-muted);--color-scrollbar-thumb: rgba(28, 26, 23, 0.35);--color-overlay-hover:    rgba(255, 255, 255, 0.12);--color-overlay-subtle:   rgba(255, 255, 255, 0.06);--color-overlay-border:   rgba(255, 255, 255, 0.20);--color-overlay-backdrop: rgba(28, 26, 23, 0.6);--color-tint-hover:       rgba(28, 26, 23, 0.06);--color-text-on-accent: #fff;--font-display: 'Playfair Display', 'Georgia', serif;--font-body:    'Lora', 'Georgia', serif;--font-ui:      'DM Sans', 'Helvetica Neue', sans-serif;--font-mono:    'Courier Prime', 'Courier New', monospace;--font-size-rebus-2: 0.55em;--font-size-rebus-3: 0.42em;--font-size-rebus-4: 0.35em;--text-xs:   0.6875rem;--text-sm:   0.8125rem;--text-base: 1rem;--text-lg:   1.125rem;--text-xl:   1.25rem;--text-2xl:  1.5rem;--text-3xl:  1.875rem;--text-4xl:  2.5rem;--weight-normal:   400;--weight-medium:   500;--weight-semibold: 600;--weight-bold:     700;--leading-none:    1;--leading-tight:   1.25;--leading-snug:    1.375;--leading-normal:  1.5;--leading-relaxed: 1.625;--leading-loose:   1.8;--tracking-tight:  -0.02em;--tracking-normal:  0;--tracking-wide:    0.04em;--tracking-wider:   0.08em;--tracking-widest:  0.15em;--space-px:  1px;--space-0:   0;--space-1:   0.25rem;--space-2:   0.5rem;--space-3:   0.75rem;--space-4:   1rem;--space-5:   1.25rem;--space-6:   1.5rem;--space-8:   2rem;--space-10:  2.5rem;--space-12:  3rem;--space-16:  4rem;--space-20:  5rem;--space-24:  6rem;--space-32:  8rem;--shadow-sm:    0 1px 2px rgba(28, 26, 23, 0.08);--shadow-md:    0 2px 8px rgba(28, 26, 23, 0.12),
                  0 1px 3px rgba(28, 26, 23, 0.08);--shadow-lg:    0 4px 16px rgba(28, 26, 23, 0.16),
                  0 2px 6px rgba(28, 26, 23, 0.10);--shadow-xl:    0 8px 32px rgba(28, 26, 23, 0.20),
                  0 4px 12px rgba(28, 26, 23, 0.12);--shadow-inner: inset 0 1px 3px rgba(28, 26, 23, 0.10);--shadow-paper: 2px 4px 16px rgba(28, 26, 23, 0.30),
                  0 1px 4px rgba(28, 26, 23, 0.18);--shadow-chalkboard: 0.5em 0.625em 1.8em #000;--radius-sm:   0.25rem;--radius-md:   0.5rem;--radius-lg:   0.75rem;--radius-xl:   1rem;--radius-2xl:  1.5rem;--radius-full: 9999px;--duration-instant: 50ms;--duration-fast:    100ms;--duration-base:    200ms;--duration-slow:    300ms;--duration-slower:  500ms;--ease-in:      cubic-bezier(0.4, 0, 1, 1);--ease-out:     cubic-bezier(0, 0, 0.2, 1);--ease-in-out:  cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce:  cubic-bezier(0.34, 1.56, 0.64, 1);--transition-colors: color var(--duration-base) var(--ease-in-out),
                       background-color var(--duration-base) var(--ease-in-out),
                       border-color var(--duration-base) var(--ease-in-out);--transition-shadow: box-shadow var(--duration-base) var(--ease-out);--transition-transform: transform var(--duration-base) var(--ease-out);--transition-all: all var(--duration-base) var(--ease-in-out);--z-below:    -1;--z-base:      0;--z-raised:    1;--z-dropdown: 100;--z-sticky:   200;--z-nav:      300;--z-modal:    400;--z-toast:    500;--z-panel:    600}html{background-color:var(--color-bg);background:url(/assets/welcome/couch_cafe-de8872f05b78f5759dc4a78caf35b6bd56c6140aa5d646b68f15a05993023951.jpg) no-repeat center center var(--color-bg);background-size:cover;height:100%}body{height:100%}#body{margin:0;padding:0;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}footer#footer{margin:0}.xw-chalkboard{background:url(/assets/welcome/chalkboard_black-74b02d7ed4b9fc3ccb23e3a2d335bed08b0fa3cf6b3d1bf4ee6c5e4cca13303d.png) no-repeat;width:23.3em;height:29.5em;box-shadow:var(--shadow-chalkboard);color:var(--color-nav-text);text-align:center;position:relative;overflow:hidden;font-family:var(--font-body)}.xw-chalkboard__slider{display:flex;width:200%;height:100%;transition:transform var(--duration-slow) var(--ease-in-out)}.xw-chalkboard--login-active .xw-chalkboard__slider{transform:translateX(-50%)}.xw-chalkboard__panel{width:50%;height:100%;padding:var(--space-8) var(--space-6) var(--space-4);display:flex;flex-direction:column;align-items:center}.xw-chalkboard__welcome{margin-bottom:var(--space-3)}.xw-chalkboard__welcome-img{height:4em;width:auto}.xw-chalkboard__heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-text-inverse);margin:0 0 var(--space-4);letter-spacing:var(--tracking-tight)}.xw-chalkboard__form{width:100%;display:flex;flex-direction:column;align-items:center}.xw-chalkboard__field{width:65%;margin-bottom:var(--space-1)}.xw-chalkboard__input{width:100%;border:none;border-bottom:1px dotted var(--color-nav-text-dim);color:var(--color-text-inverse);background:none;text-align:center;font-size:inherit;font-family:inherit;padding:var(--space-1) 0;box-shadow:none}.xw-chalkboard__input:focus{outline:none;border-bottom-color:var(--color-text-inverse)}.xw-chalkboard__input::placeholder{color:var(--color-nav-text-dim)}.xw-chalkboard__btn{margin:var(--space-3) auto 0;padding:var(--space-2) 0;color:var(--color-text-inverse);border:1px outset var(--color-nav-text-dim);display:block;text-align:center;width:10em;background:var(--color-overlay-hover);font-size:inherit;font-family:inherit;cursor:pointer;position:relative;transition:background-color var(--duration-base) var(--ease-in-out)}.xw-chalkboard__btn:hover{background:var(--color-nav-border)}.xw-chalkboard__btn .xw-icon{vertical-align:middle;position:absolute;top:50%;transform:translateY(-50%)}.xw-chalkboard__btn .xw-icon.xw-icon--arrow-left{left:var(--space-3)}.xw-chalkboard__btn .xw-icon.xw-icon--arrow-right{right:var(--space-3)}.xw-chalkboard__or{display:block;margin-top:var(--space-2);color:var(--color-nav-text-dim);font-size:var(--text-sm)}.xw-chalkboard__remember{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-2) 0 var(--space-3)}.xw-chalkboard__remember-label{color:var(--color-nav-text-dim);font-size:var(--text-sm);cursor:pointer}.xw-chalkboard__checkbox{cursor:pointer}.xw-chalkboard__forgot{display:inline-block;margin-top:var(--space-4);color:var(--color-nav-text-dim);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:2px}.xw-chalkboard__forgot:hover{color:var(--color-nav-text)}.xw-chalkboard .xw-alert--error{background:rgba(184,64,64,0.3);border:1px solid var(--color-danger);color:var(--color-text-inverse);font-size:var(--text-sm);padding:var(--space-2);margin-bottom:var(--space-2);border-radius:var(--radius-sm);width:80%}.xw-chalkboard .xw-alert--error ul{padding-left:var(--space-4)}.xw-chalkboard .xw-alert--error li{font-size:var(--text-xs)}.xw-welcome-bypass{text-align:center;margin-top:var(--space-4)}.xw-welcome-bypass__link{color:var(--color-text-inverse);font-family:var(--font-ui);font-size:var(--text-sm);text-decoration:none;opacity:0.7;transition:opacity var(--duration-base) var(--ease-in-out)}.xw-welcome-bypass__link:hover{opacity:1}.xw-welcome-bypass__link .xw-icon{display:inline;vertical-align:middle;margin-left:var(--space-1)}@media (max-width: 639pxpx){.xw-chalkboard{width:calc(100vw - var(--space-8));max-width:24em;height:auto;background-image:none;background-color:var(--color-nav-bg);border-radius:var(--radius-lg);margin:var(--space-6) auto;padding:var(--space-2)}.xw-chalkboard__slider{display:block;width:100%;transition:none;transform:none !important}.xw-chalkboard__panel{width:100%;height:auto;padding:var(--space-4) var(--space-2)}.xw-chalkboard__panel--login{display:none}.xw-chalkboard--login-active .xw-chalkboard__panel--signup{display:none}.xw-chalkboard--login-active .xw-chalkboard__panel--login{display:flex}.xw-chalkboard__field{width:85%}}@media (prefers-reduced-motion: reduce){.xw-chalkboard__slider{transition:none}}