@layer components{.button_wrap{--_button-bg:var(--color-text-primary);--_button-color:var(--color-white);--_button-border:var(--color-text-primary);--_button-shadow:var(--button-shadow-primary);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-button-md);padding:var(--space-2) var(--space-5);border:var(--border-width) solid var(--_button-border);border-radius:var(--radius-pill);background:var(--_button-bg);color:var(--_button-color);font-family:var(--primary-family);font-size:var(--button-font-size);font-weight:var(--primary-bold);line-height:var(--line-height-large);text-align:center;cursor:pointer;box-shadow:var(--_button-shadow);transition:transform var(--hover-duration) var(--hover-ease), box-shadow var(--hover-duration) var(--hover-ease);text-decoration:none;display:inline-flex}.button_wrap.secondary{--_button-bg:var(--color-white);--_button-color:var(--color-text-primary);--_button-border:var(--color-border);--_button-shadow:var(--button-shadow-secondary);border-width:calc(var(--border-width) * 2)}.button_wrap.accent-yellow{--_button-bg:var(--color-brand-yellow);--_button-color:var(--color-text-primary);--_button-border:var(--color-brand-yellow);--_button-shadow:var(--button-shadow-accent)}.button_wrap.status-green{--_button-bg:var(--color-green-surface);--_button-color:var(--color-green-text);--_button-border:var(--color-green-surface);--_button-shadow:var(--button-shadow-green)}.button_wrap.status-yellow{--_button-bg:var(--color-brand-yellow);--_button-color:var(--color-text-primary);--_button-border:var(--color-brand-yellow);--_button-shadow:var(--button-shadow-yellow)}.button_wrap.status-peach{--_button-bg:var(--color-peach-surface);--_button-color:var(--color-peach-text);--_button-border:var(--color-peach-surface);--_button-shadow:var(--button-shadow-peach)}.button_wrap.secondary[aria-pressed=true]{--_button-bg:var(--color-yellow-tile);--_button-border:var(--color-text-primary)}.button_wrap.ghost{--_button-bg:transparent;--_button-color:var(--color-text-primary);--_button-border:transparent;--_button-shadow:none;padding-inline:var(--space-3);text-decoration:underline;text-decoration-thickness:var(--border-width);text-underline-offset:.25em}.button_wrap.danger{--_button-bg:var(--color-error);--_button-color:var(--color-white);--_button-border:var(--color-error);--_button-shadow:var(--button-shadow-danger)}.button_wrap.sm{min-height:var(--size-button-sm);padding:var(--space-1) var(--space-4);font-size:var(--text-small)}.button_wrap.lg{min-height:var(--size-button-lg);padding:var(--space-3) var(--space-6);font-size:var(--text-main)}@media (hover:hover){.button_wrap:hover:not(:disabled,[aria-disabled=true]){transform:translateY(calc(var(--border-width) * -2))}.button_wrap.ghost:hover:not(:disabled,[aria-disabled=true]){text-decoration-thickness:calc(var(--border-width) * 2);transform:none}}.button_wrap:disabled,.button_wrap[aria-disabled=true]{cursor:not-allowed;opacity:.5}.button_wrap[aria-busy=true]{cursor:progress}.button_wrap[aria-busy=true]:before{content:"";border:calc(var(--border-width) * 2) solid currentcolor;border-radius:var(--radius-pill);border-inline-end-color:#0000;width:1em;height:1em;animation:.8s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(360deg)}}.button_wrap:active:not(:disabled,[aria-disabled=true]){transform:translateY(var(--space-1));box-shadow:var(--button-shadow-pressed)}.button_wrap:focus-visible{outline:var(--outline-focus);outline-offset:var(--outline-offset-focus)}.button_icon:empty,.button_label:empty{display:none}.site-header_lock{opacity:.7;margin-inline-start:.35em;font-size:.75em;font-weight:400}.site-header_wrap{z-index:var(--z-header);width:min(calc(100% - 2 * var(--site-margin)), 68rem);justify-content:space-between;align-items:center;gap:var(--space-3);min-height:4rem;margin:var(--space-3) auto 0;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);transition:min-height var(--hover-duration) var(--hover-ease), box-shadow var(--hover-duration) var(--hover-ease);background:#fffffff0;display:flex;position:sticky;inset-block-start:var(--space-3);box-shadow:0 .25rem #1113180f,0 .75rem 2rem -1rem #11131840}.site-header_wrap.is-scrolled{min-height:3.5rem;box-shadow:0 .25rem #11131814,0 1rem 2.5rem -.75rem #11131859}.site-header_brand{align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-size:var(--h6);text-decoration:none;display:flex}.site-header_brand span{width:var(--size-brand-mark);height:var(--size-brand-mark);border-radius:var(--radius-pill);background:var(--color-brand-yellow);font-weight:var(--primary-bold);place-items:center;display:grid}.site-header_links,.site-header_actions{align-items:center;gap:var(--space-3);display:flex}.site-header_links{margin-inline-start:var(--space-4);margin-inline-end:auto}.site-header_links a,.site-header_menu nav a:not(.button_wrap){min-height:var(--size-button-sm);white-space:nowrap;color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--primary-medium);align-items:center;text-decoration:none;display:inline-flex;position:relative}.site-header_links a:hover,.site-header_menu nav a:not(.button_wrap):hover{color:var(--color-text-primary)}.site-header_links a[aria-current=page],.site-header_menu nav a[aria-current=page]{color:var(--color-text-primary);font-weight:var(--primary-bold)}.site-header_links a[aria-current=page]:after{content:"";border-radius:var(--radius-pill);background:var(--color-brand-yellow);height:.1875rem;position:absolute;inset-block-end:var(--space-1);inset-inline:0}.site-header_menu nav a[aria-current=page]{box-shadow:inset .25rem 0 0 var(--color-brand-yellow);padding-inline-start:var(--space-3)}.site-header_actions .button_wrap{white-space:nowrap}.site-header_logoutForm{margin:0;display:inline-flex}.site-header_account{padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border);font-size:var(--text-small);margin:0;display:grid}.site-header_account span{color:var(--color-text-muted)}.site-header_menu{display:none}.header-profile_wrap{align-items:center;gap:var(--space-2);display:flex;position:relative}.header-profile_xp{align-items:center;gap:var(--space-1);min-width:5rem;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-yellow-tile);color:var(--color-text-primary);font-size:var(--text-small);white-space:nowrap;display:inline-flex}.header-profile_streak{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-soft);font-size:var(--text-small);white-space:nowrap;display:inline-flex}.header-profile_toggle{width:var(--size-menu-button);height:var(--size-menu-button);border:calc(var(--border-width) * 2) solid var(--color-border-field);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-text-primary);font-family:var(--primary-family);font-weight:var(--primary-bold);cursor:pointer;place-items:center;display:grid}.header-profile_panel{width:var(--size-menu-panel);gap:var(--space-3);padding:var(--space-4);border:calc(var(--border-width) * 2) solid var(--color-border);border-radius:var(--radius-tile);background:var(--color-white);box-shadow:var(--card-shadow);font-size:var(--text-small);display:grid;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0}.header-profile_panel p{margin:0;display:grid}.header-profile_account span{color:var(--color-text-muted)}.header-profile_link{min-height:var(--size-button-sm);color:var(--color-text-primary);font-weight:var(--primary-medium);align-items:center;display:inline-flex}@media (width<64rem){.site-header_links,.site-header_actions .button_wrap,.header-profile_wrap .header-profile_toggle{display:none}.site-header_actions{margin-inline-start:auto}.site-header_menu{display:block;position:relative}.site-header_menu summary{width:var(--size-menu-button);height:var(--size-menu-button);justify-content:center;align-items:center;gap:var(--space-1);border:calc(var(--border-width) * 2) solid var(--color-border-field);border-radius:var(--radius-pill);cursor:pointer;flex-direction:column;list-style:none;display:flex}.site-header_menu summary::-webkit-details-marker{display:none}.site-header_menu summary span{width:var(--size-menu-mark);height:var(--border-width);background:var(--color-text-primary)}.site-header_menu nav{width:min(var(--size-menu-panel), calc(100vw - 2 * var(--site-margin)));overscroll-behavior:contain;gap:var(--space-1);max-height:calc(100dvh - 7rem);padding:var(--space-3);border:calc(var(--border-width) * 2) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white);box-shadow:var(--card-shadow);flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0;overflow-y:auto}.site-header_menu nav .button_wrap{margin-top:var(--space-2)}}.sync-toast_wrap{z-index:var(--z-toast);max-width:min(24rem, calc(100vw - 2 * var(--space-4)));align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:calc(var(--border-width) * 2) solid var(--color-border);border-radius:var(--radius-tile);background:var(--color-white);color:var(--color-text-primary);font-size:var(--text-small);font-weight:var(--primary-bold);box-shadow:var(--card-shadow);display:flex;position:fixed;inset-block-end:var(--space-4);inset-inline-end:var(--space-4)}.sync-toast_wrap.is-info{border-color:var(--color-brand-yellow);background:var(--color-yellow-tile)}.sync-toast_wrap.is-error{border-color:var(--color-peach-solid);background:var(--color-peach-surface);color:var(--color-peach-text)}.sync-toast_close{padding:0 var(--space-1);color:inherit;font-size:var(--text-large);cursor:pointer;line-height:1}.site-footer_wrap>.container{min-height:var(--size-footer);justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-small);display:flex}.site-footer_meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.site-footer_wrap nav{column-gap:var(--space-4);flex-wrap:wrap;display:flex}.site-footer_wrap a{min-height:2.75rem;color:var(--color-text-secondary);align-items:center;text-decoration:none;display:inline-flex}.site-footer_wrap a:hover{color:var(--color-text-primary)}@media (width<48rem){.site-footer_wrap>.container{padding-block:var(--space-4);flex-direction:column;justify-content:center;align-items:flex-start}}}