.pwa-install-module__2-4iDG__offlineBanner{text-align:center;border-radius:0;justify-content:center;margin:0}.pwa-install-module__2-4iDG__installPrompt{bottom:calc(var(--space-4) + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);max-width:min(22.5rem, calc(100vw - (2 * var(--space-4))));z-index:50;position:fixed;inset-inline-end:var(--space-4)}.pwa-install-module__2-4iDG__installDescription{align-items:start;gap:var(--space-3);justify-content:space-between;display:flex}.pwa-install-module__2-4iDG__closeButton{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);flex:0 0 var(--size-touch);height:var(--size-touch);width:var(--size-touch);background:0 0;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.pwa-install-module__2-4iDG__closeButton:hover{background:var(--color-surface-hover)}.pwa-install-module__2-4iDG__closeButton:focus-visible{box-shadow:var(--focus-ring);outline:2px solid var(--color-focus);outline-offset:2px}@media (max-width:35rem){.pwa-install-module__2-4iDG__installPrompt{bottom:calc(var(--size-touch) + var(--space-6) + env(safe-area-inset-bottom));inset-inline:var(--space-3);max-width:none}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:clamp(2.25rem, 5vw, 3.375rem);--font-size-display:clamp(3rem, 8vw, 5.125rem);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--line-height-tight:1.05;--line-height-heading:1.18;--line-height-body:1.6;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.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;--radius-sm:.625rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-pill:999px;--size-touch:2.75rem;--size-icon-sm:1rem;--size-icon-md:1.25rem;--size-icon-lg:1.5rem;--layout-content:72.5rem;--layout-reading:48rem;--layout-form:52rem;--layout-admin:90rem;--layout-dialog:36rem;--layout-popover:20rem;--layout-gutter:clamp(1rem, 4vw, 2rem);--header-height:4.5rem;--mobile-header-height:3rem;--mobile-nav-height:3.25rem;--color-canvas:#f5faf3;--color-surface:#fff;--color-qr-surface:#fff;--color-surface-raised:#fcfffc;--color-surface-muted:#e8f2e6;--color-surface-hover:#ddeed9;--color-text:#142117;--color-text-muted:#526458;--color-text-subtle:#5b6b60;--color-text-inverse:#fff;--color-border:#b9cabb;--color-border-strong:#6d8270;--color-field-border:#5b7160;--color-brand:#16733a;--color-brand-hover:#115e30;--color-brand-active:#0d4c27;--color-brand-subtle:#ddf3e3;--color-on-brand:#fff;--color-on-brand-subtle:#0c542a;--color-chord:#a83c1d;--color-danger:#b4233b;--color-danger-subtle:#ffe8ec;--color-on-danger-subtle:#b4233b;--color-success:#006f66;--color-success-subtle:#d8f3ef;--color-on-success-subtle:#006f66;--color-info:#155eef;--color-info-subtle:#e8f1ff;--color-on-info-subtle:#155eef;--color-warning:#8a4b08;--color-warning-subtle:#fff2cf;--color-on-warning-subtle:#8a4b08;--color-status-neutral:#526458;--color-status-neutral-subtle:#e8efeb;--color-role-admin:#71399b;--color-role-admin-subtle:#f4e8ff;--color-role-premium:#7a5000;--color-role-premium-subtle:#fff2c7;--color-link:#106532;--color-link-visited:#71399b;--color-disabled-text:#5b6b60;--color-disabled-surface:#e3ece4;--color-disabled-border:#9cb0a0;--color-skeleton:#d4e1d5;--color-chart-1:#16733a;--color-chart-2:#0b65a8;--color-chart-3:#a63f72;--color-chart-4:#7a6100;--color-focus:#006fb9;--color-overlay:#07110b85;--shadow-sm:0 1px 2px #14351f14;--shadow-md:0 10px 28px #1446241c;--shadow-lg:0 18px 48px #123e2024;--shadow-navigation:0 -8px 24px #14351f1a;--focus-ring:0 0 0 3px color-mix(in srgb, var(--color-focus) 38%, transparent);--duration-fast:.12s;--duration-normal:.2s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--z-sticky:20;--z-navigation:30;--z-popover:40;--z-dialog:45;--z-skip-link:50}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#07110b;--color-surface:#0e1a13;--color-qr-surface:#fff;--color-surface-raised:#15241a;--color-surface-muted:#1b2d20;--color-surface-hover:#213b29;--color-text:#f2f7f3;--color-text-muted:#b4c3b7;--color-text-subtle:#a4b5a8;--color-text-inverse:#0b1d11;--color-border:#3a5140;--color-border-strong:#76907b;--color-field-border:#9aaf9e;--color-brand:#72d88e;--color-brand-hover:#8be4a3;--color-brand-active:#a6ebb7;--color-brand-subtle:#173d24;--color-on-brand:#0b2412;--color-on-brand-subtle:#b7f3c5;--color-chord:#ffaa82;--color-danger:#ff8b98;--color-danger-subtle:#47212c;--color-on-danger-subtle:#ff8b98;--color-success:#5ddccf;--color-success-subtle:#103c38;--color-on-success-subtle:#5ddccf;--color-info:#8bb8ff;--color-info-subtle:#152d52;--color-on-info-subtle:#8bb8ff;--color-warning:#ffbf66;--color-warning-subtle:#4a3012;--color-on-warning-subtle:#ffbf66;--color-status-neutral:#c3d0c6;--color-status-neutral-subtle:#26382b;--color-role-admin:#d9a4ff;--color-role-admin-subtle:#422858;--color-role-premium:#ffd16f;--color-role-premium-subtle:#4a3511;--color-link:#8be4a3;--color-link-visited:#d9a4ff;--color-disabled-text:#93a697;--color-disabled-surface:#24372a;--color-disabled-border:#526b59;--color-skeleton:#29402f;--color-chart-1:#72d88e;--color-chart-2:#6eb7f0;--color-chart-3:#ff98c4;--color-chart-4:#e4c95f;--color-focus:#73cfff;--color-overlay:#000000a6;--shadow-sm:0 1px 2px #0003;--shadow-md:0 12px 32px #0000004d;--shadow-lg:0 20px 52px #00000061;--shadow-navigation:0 -8px 24px #00000061}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#07110b;--color-surface:#0e1a13;--color-qr-surface:#fff;--color-surface-raised:#15241a;--color-surface-muted:#1b2d20;--color-surface-hover:#213b29;--color-text:#f2f7f3;--color-text-muted:#b4c3b7;--color-text-subtle:#a4b5a8;--color-text-inverse:#0b1d11;--color-border:#3a5140;--color-border-strong:#76907b;--color-field-border:#9aaf9e;--color-brand:#72d88e;--color-brand-hover:#8be4a3;--color-brand-active:#a6ebb7;--color-brand-subtle:#173d24;--color-on-brand:#0b2412;--color-on-brand-subtle:#b7f3c5;--color-chord:#ffaa82;--color-danger:#ff8b98;--color-danger-subtle:#47212c;--color-on-danger-subtle:#ff8b98;--color-success:#5ddccf;--color-success-subtle:#103c38;--color-on-success-subtle:#5ddccf;--color-info:#8bb8ff;--color-info-subtle:#152d52;--color-on-info-subtle:#8bb8ff;--color-warning:#ffbf66;--color-warning-subtle:#4a3012;--color-on-warning-subtle:#ffbf66;--color-status-neutral:#c3d0c6;--color-status-neutral-subtle:#26382b;--color-role-admin:#d9a4ff;--color-role-admin-subtle:#422858;--color-role-premium:#ffd16f;--color-role-premium-subtle:#4a3511;--color-link:#8be4a3;--color-link-visited:#d9a4ff;--color-disabled-text:#93a697;--color-disabled-surface:#24372a;--color-disabled-border:#526b59;--color-skeleton:#29402f;--color-chart-1:#72d88e;--color-chart-2:#6eb7f0;--color-chart-3:#ff98c4;--color-chart-4:#e4c95f;--color-focus:#73cfff;--color-overlay:#000000a6;--shadow-sm:0 1px 2px #0003;--shadow-md:0 12px 32px #0000004d;--shadow-lg:0 20px 52px #00000061;--shadow-navigation:0 -8px 24px #00000061}}
.uiVisuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.uiButton,.uiIconButton,.uiDialogTrigger,.uiDialogClose,.uiPopoverTrigger,.uiPopoverClose{min-block-size:var(--size-touch);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:1px solid #0000;line-height:1.2;display:inline-flex}.uiButton--primary{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand)}.uiButton--primary:hover:not(:disabled){border-color:var(--color-brand-hover);background:var(--color-brand-hover)}.uiButton--secondary,.uiIconButton--secondary,.uiDialogTrigger,.uiDialogClose,.uiPopoverTrigger,.uiPopoverClose{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.uiButton--secondary:hover:not(:disabled),.uiIconButton--secondary:hover:not(:disabled),.uiDialogTrigger:hover:not(:disabled),.uiDialogClose:hover:not(:disabled),.uiPopoverTrigger:hover:not(:disabled),.uiPopoverClose:hover:not(:disabled){background:var(--color-surface-muted)}.uiButton--ghost,.uiIconButton--ghost{color:var(--color-link);background:0 0;border-color:#0000}.uiButton--ghost:hover:not(:disabled),.uiIconButton--ghost:hover:not(:disabled){background:var(--color-brand-subtle);color:var(--color-on-brand-subtle)}.uiButton--danger,.uiIconButton--danger{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-text-inverse)}.uiButton--danger:hover:not(:disabled),.uiIconButton--danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 86%, var(--color-text))}.uiButton:active:not(:disabled),.uiIconButton:active:not(:disabled),.uiDialogTrigger:active:not(:disabled),.uiDialogClose:active:not(:disabled),.uiPopoverTrigger:active:not(:disabled),.uiPopoverClose:active:not(:disabled){transform:translateY(1px)}.uiButton[aria-pressed=true],.uiIconButton[aria-pressed=true]{border-color:var(--color-brand);background:var(--color-brand-subtle);color:var(--color-on-brand-subtle)}.uiButton:disabled,.uiIconButton:disabled,.uiDialogTrigger:disabled,.uiDialogClose:disabled,.uiPopoverTrigger:disabled,.uiPopoverClose:disabled{border-color:var(--color-disabled-border);background:var(--color-disabled-surface);color:var(--color-disabled-text)}.uiButton--compact,.uiIconButton--compact{padding-inline:var(--space-3);font-size:var(--font-size-xs)}.uiButton--fullWidth{width:100%}.uiIconButton{width:var(--size-touch);min-width:var(--size-touch);padding:0}.uiButtonIcon,.uiIconButtonGraphic,.uiButtonLoading,.uiIconButtonLoading{width:var(--size-icon-md);height:var(--size-icon-md);flex:none;place-items:center;display:inline-grid}.uiButtonIcon>svg,.uiIconButtonGraphic>svg{width:100%;height:100%}.uiButtonSpinner,.uiIconButtonSpinner{width:var(--size-icon-sm);height:var(--size-icon-sm);border:2px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:var(--radius-pill);animation:uiSpin var(--duration-normal) linear infinite;border-block-start-color:currentColor}@keyframes uiSpin{to{transform:rotate(360deg)}}.uiLink{border-radius:var(--radius-sm);color:var(--color-link);font-weight:var(--font-weight-semibold)}.uiLink--content{min-block-size:var(--size-touch);text-underline-offset:.18em;align-items:center;text-decoration:underline;text-decoration-thickness:.1em;display:inline-flex}.uiLink--content:visited{color:var(--color-link-visited)}.uiLink:hover,.uiLink:focus-visible{text-decoration-thickness:.16em}.uiLink--navigation,.uiLink--standalone{min-block-size:var(--size-touch);align-items:center;gap:var(--space-1);display:inline-flex}.uiLink--navigation[aria-current=page]{background:var(--color-brand-subtle);color:var(--color-on-brand-subtle)}.uiLinkExternalIcon{width:var(--size-icon-sm);height:var(--size-icon-sm);vertical-align:text-bottom;margin-inline-start:var(--space-1)}.uiField{gap:var(--space-2);display:grid}.uiFieldLabel{justify-content:space-between;align-items:baseline;gap:var(--space-3);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);display:flex}.uiFieldRequirement,.uiFieldHint{color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.uiInput,.uiTextarea,.uiSelect{width:100%;min-block-size:var(--size-touch);padding:var(--space-3);border:1px solid var(--color-field-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.uiTextarea{min-block-size:calc(var(--size-touch) * 2);resize:vertical}.uiInput:hover:not(:disabled),.uiTextarea:hover:not(:disabled),.uiSelect:hover:not(:disabled){border-color:var(--color-text)}.uiInput:read-only,.uiTextarea:read-only{background:var(--color-surface-muted)}.uiField[data-validation=error] :is(.uiInput,.uiTextarea,.uiSelect){border-color:var(--color-danger)}.uiField[data-validation=warning] :is(.uiInput,.uiTextarea,.uiSelect){border-color:var(--color-warning)}.uiField[data-validation=success] :is(.uiInput,.uiTextarea,.uiSelect){border-color:var(--color-success)}.uiFieldValidation{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.uiFieldValidation--error{color:var(--color-danger)}.uiFieldValidation--warning{color:var(--color-warning)}.uiFieldValidation--success{color:var(--color-success)}.uiCard,.uiListRow{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);position:relative}.uiCard--interactive,.uiListRow--interactive{transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.uiCard--interactive:hover,.uiListRow--interactive:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted);box-shadow:var(--shadow-sm)}.uiCard--selected,.uiListRow--selected{border-color:var(--color-brand);background:var(--color-brand-subtle)}.uiCard--unavailable,.uiListRow--unavailable{border-color:var(--color-disabled-border);background:var(--color-disabled-surface);color:var(--color-disabled-text)}.uiCard--restricted,.uiListRow--restricted{border-color:var(--color-warning);background:var(--color-warning-subtle)}.uiSurfaceState{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-block-start:var(--space-3);display:inline-flex}.uiBadge,.uiStatusChip,.uiAlert{--ui-tone-color:var(--color-status-neutral);--ui-tone-surface:var(--color-status-neutral-subtle);min-block-size:var(--space-6);padding-inline:var(--space-2);border:1px solid color-mix(in srgb, var(--ui-tone-color) 45%, transparent);border-radius:var(--radius-pill);background:var(--ui-tone-surface);color:var(--ui-tone-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);align-items:center;line-height:1.2;display:inline-flex}.uiStatusChip--info,.uiBadge--info,.uiAlert--info{--ui-tone-color:var(--color-info);--ui-tone-surface:var(--color-info-subtle)}.uiStatusChip--success,.uiBadge--success,.uiAlert--success{--ui-tone-color:var(--color-success);--ui-tone-surface:var(--color-success-subtle)}.uiStatusChip--warning,.uiBadge--warning,.uiStatusChip--stale,.uiBadge--stale,.uiAlert--warning,.uiAlert--stale{--ui-tone-color:var(--color-warning);--ui-tone-surface:var(--color-warning-subtle)}.uiStatusChip--error,.uiBadge--error,.uiAlert--error{--ui-tone-color:var(--color-danger);--ui-tone-surface:var(--color-danger-subtle)}.uiStatusChip--offline,.uiBadge--offline,.uiStatusChip--permission,.uiBadge--permission,.uiAlert--offline,.uiAlert--permission,.uiAlert--neutral{--ui-tone-color:var(--color-status-neutral);--ui-tone-surface:var(--color-status-neutral-subtle)}.uiStatusChip--admin,.uiBadge--admin{--ui-tone-color:var(--color-role-admin);--ui-tone-surface:var(--color-role-admin-subtle)}.uiStatusChip--premium,.uiBadge--premium{--ui-tone-color:var(--color-role-premium);--ui-tone-surface:var(--color-role-premium-subtle)}.uiAlert{justify-content:space-between;align-items:start;gap:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--ui-tone-color) 45%, transparent);border-inline-start-width:var(--space-1);border-radius:var(--radius-md);background:var(--ui-tone-surface);color:var(--ui-tone-color);display:flex}.uiAlertBody{gap:var(--space-1);display:grid}.uiAlertDescription{color:var(--color-text)}.uiTabList{gap:var(--space-1);border-block-end:1px solid var(--color-border);scrollbar-width:thin;width:100%;min-width:0;max-width:100%;display:flex;overflow-x:auto}.uiTabs,.uiTabPanel,.uiPagination,.uiTableContainer,.uiChartContainer{min-width:0;max-width:100%}.uiTabList[data-orientation=vertical]{border-block-end:0;border-inline-end:1px solid var(--color-border);flex-direction:column;overflow-x:visible}.uiTab{min-block-size:var(--size-touch);padding:var(--space-2) var(--space-4);color:var(--color-text-muted);font-weight:var(--font-weight-bold);white-space:nowrap;background:0 0;border:0;border-block-end:3px solid #0000}.uiTab:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}.uiTab[aria-selected=true]{border-block-end-color:var(--color-brand);color:var(--color-link)}.uiTab:disabled{background:var(--color-disabled-surface);color:var(--color-disabled-text);border-color:#0000}.uiTabPanel{padding-block:var(--space-4)}.uiDialog,.uiSheet{width:min(var(--layout-dialog), calc(100% - (2 * var(--layout-gutter))));max-height:calc(100vh - (2 * var(--layout-gutter)));max-height:calc(100dvh - (2 * var(--layout-gutter)));padding:var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-lg);overflow:auto}.uiDialog::backdrop,.uiSheet::backdrop{background:var(--color-overlay)}.uiDialogTitle{font-size:var(--font-size-xl);margin:0}.uiDialogDescription{margin:var(--space-2) 0 var(--space-6);color:var(--color-text-muted)}.uiSheet[data-side=bottom]{width:100%;max-width:none;max-height:calc(100dvh - var(--space-8));border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:auto 0 0}.uiSheet[data-side=start]{border-radius:0 var(--radius-xl) var(--radius-xl) 0;height:100%;max-height:none;margin:0 auto 0 0}.uiSheet[data-side=end]{border-radius:var(--radius-xl) 0 0 var(--radius-xl);height:100%;max-height:none;margin:0 0 0 auto}.uiPopover{z-index:var(--z-popover);width:min(var(--layout-popover), calc(100vw - (2 * var(--layout-gutter))));padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-lg);position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0}.uiPopover[role=menu]{gap:var(--space-1);display:grid}.uiMenuItem{width:100%;min-block-size:var(--size-touch);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-align:start;background:0 0;border:0;align-items:center;display:flex}.uiMenuItem:hover:not(:disabled),.uiMenuItem:focus-visible{background:var(--color-brand-subtle);color:var(--color-on-brand-subtle)}.uiPaginationList{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.uiPaginationControl{min-width:var(--size-touch);min-height:var(--size-touch);padding-inline:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-link);font-weight:var(--font-weight-bold);place-items:center;display:grid}.uiPaginationControl:hover:not([aria-disabled=true]){background:var(--color-surface-muted)}.uiPaginationControl--current{border-color:var(--color-brand);background:var(--color-brand-subtle);color:var(--color-on-brand-subtle)}.uiPaginationControl--disabled{border-color:var(--color-disabled-border);background:var(--color-disabled-surface);color:var(--color-disabled-text)}.uiPaginationGap{min-width:var(--size-touch);min-height:var(--size-touch);place-items:center;display:grid}.uiAsyncState{gap:var(--space-3);display:grid}.uiAsyncStateMessage,.uiAsyncStateFreshness{color:var(--color-text-muted);font-size:var(--font-size-sm)}.uiAsyncStateSkeleton{min-height:calc(var(--size-touch) * 2);border-radius:var(--radius-md);background:var(--color-skeleton);background-image:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-surface) 52%, transparent), transparent);animation:uiSkeleton var(--duration-normal) var(--ease-standard) infinite;background-size:200% 100%}@keyframes uiSkeleton{to{background-position:-200% 0}}.uiTableContainer,.uiChartContainer{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.uiTableScroll{border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:100%;overflow-x:auto}.uiTable{border-collapse:collapse;text-align:start;width:100%}.uiTableCaption,.uiChartTitle{padding:var(--space-3);color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:start}.uiTable :is(th,td){padding:var(--space-3);border-block-end:1px solid var(--color-border);text-align:start}.uiTable th{background:var(--color-surface-muted);color:var(--color-text);font-size:var(--font-size-sm)}.uiTableDescription,.uiChartQuestion,.uiDataDefinitionLabel{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.uiChartTitle{padding:0}.uiChartMetadata{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin:0;display:grid}.uiDataDefinition{gap:var(--space-1);display:grid}.uiDataDefinitionValue{font-weight:var(--font-weight-semibold);margin:0}.uiChartVisual{min-height:calc(var(--size-touch) * 3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.uiChartAlternative{padding:var(--space-3);border-inline-start:var(--space-1) solid var(--color-info);background:var(--color-info-subtle);color:var(--color-text)}@media (max-width:35rem){.uiAlert{flex-direction:column}.uiDialog,.uiSheet{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.uiButton,.uiIconButton,.uiCard,.uiListRow,.uiTab{transition:none}.uiButtonSpinner,.uiIconButtonSpinner,.uiAsyncStateSkeleton{animation:none}}@media (forced-colors:active){.uiButton,.uiIconButton,.uiInput,.uiTextarea,.uiSelect,.uiCard,.uiListRow,.uiBadge,.uiStatusChip,.uiAlert,.uiTab,.uiDialog,.uiSheet,.uiPopover,.uiPaginationControl,.uiTableContainer,.uiChartContainer{forced-color-adjust:auto;border-color:canvastext}.uiTab[aria-selected=true],.uiPaginationControl--current{outline-offset:-2px;outline:2px solid highlight}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4));background:var(--color-canvas)}body{background:radial-gradient(circle at 50% -12rem, color-mix(in srgb, var(--color-brand) 10%, transparent), transparent 34rem), var(--color-canvas);min-height:100svh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--color-brand-subtle);color:var(--color-on-brand-subtle)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;border-color:var(--color-disabled-border);background:var(--color-disabled-surface);color:var(--color-disabled-text)}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;box-shadow:var(--focus-ring)}#main-content:focus{outline:none}.siteShell{min-height:100svh}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skipLink{z-index:var(--z-skip-link);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transform:translateY(calc(-100% - var(--space-6)));transition:transform var(--duration-fast) var(--ease-standard);position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3)}.skipLink:focus-visible{transform:translateY(0)}.container{width:min(var(--layout-content), calc(100% - (2 * var(--layout-gutter))));margin-inline:auto}.siteHeader{z-index:var(--z-sticky);min-height:var(--header-height);align-items:center;gap:var(--space-8);padding-inline:max(var(--layout-gutter), calc((100vw - var(--layout-content)) / 2));border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-canvas) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;position:sticky;inset-block-start:0}.brand{justify-content:center;align-items:center;gap:var(--space-2);min-inline-size:var(--size-touch);min-block-size:var(--size-touch);border-radius:var(--radius-md);font-size:1.3125rem;font-weight:var(--font-weight-black);letter-spacing:-.035em;display:inline-flex}.brandMark{background:var(--color-brand);width:2rem;height:2rem;color:var(--color-on-brand);box-shadow:var(--shadow-sm);border-radius:.6875rem;place-items:center;display:grid}.brandMark svg{width:1.25rem;height:1.25rem}.desktopNav{align-items:center;gap:var(--space-1);margin-inline-start:auto;display:flex}.navLink{min-block-size:var(--size-touch);padding-inline:var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);align-items:center;display:inline-flex}.navLink:hover{background:var(--color-surface-muted);color:var(--color-text)}.navLink[aria-current=page]{background:var(--color-brand-subtle);color:var(--color-on-brand-subtle)}.headerActions{align-items:center;gap:var(--space-2);display:flex}.languageMenu{position:relative}.languageTrigger{min-block-size:var(--size-touch);align-items:center;gap:var(--space-2);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);list-style:none;display:flex}.languageTrigger:hover,.languageTrigger[aria-expanded=true]{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.languageTrigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none;width:1.25rem;height:1.25rem}.languageTriggerLabel{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;overflow:hidden}.flagIcon{border-radius:var(--radius-xs,2px);flex:none;width:1.35rem;height:.9rem;display:block;box-shadow:0 0 0 1px #0000001f}.favoriteBtn{border:1px solid var(--color-border);background:var(--color-surface);width:2.25rem;height:2.25rem;color:var(--color-text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.favoriteBtn:hover{color:var(--color-danger);background:var(--color-surface-muted)}.favoriteBtn.active{color:var(--color-danger);border-color:var(--color-danger-subtle)}.favoriteHeartIcon{width:1.2rem;height:1.2rem}.qualityBadge{align-items:center;gap:var(--space-1,.25rem);border-radius:var(--radius-sm,4px);-webkit-user-select:none;user-select:none;padding:.2rem .5rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.qualityBadgeIcon{font-size:.85rem}.badgeRecommended{background:var(--color-warning-subtle);color:var(--color-warning);border:1px solid var(--color-border)}.badgeOriginalKey{background:var(--color-info-subtle);color:var(--color-info);border:1px solid var(--color-border)}.badgeEasyChords{background:var(--color-brand-subtle);color:var(--color-brand);border:1px solid var(--color-border)}.badgeVerified{background:var(--color-role-admin-subtle);color:var(--color-role-admin);border:1px solid var(--color-border)}.languagePopover{z-index:calc(var(--z-navigation) + 1);width:min(17rem, calc(100vw - (2 * var(--space-4))));padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0}.languagePopover ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.languagePopover a{min-block-size:var(--size-touch);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);display:flex}.languagePopoverText{flex-direction:column;display:flex}.languagePopover a:hover,.languagePopover a[aria-current=true]{background:var(--color-brand-subtle);color:var(--color-on-brand-subtle)}.languagePopover a small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.authAction{gap:var(--space-2);white-space:nowrap}.authAction svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.125rem;height:1.125rem}.authMenuPlaceholder{width:5.75rem;height:var(--size-touch);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.themeToggle{width:var(--size-touch);min-width:var(--size-touch);height:var(--size-touch);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);place-items:center;padding:0;display:grid}.themeToggle:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted);color:var(--color-brand)}.themeToggle svg,.mobileNavLink svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.profileMenu{position:relative}.profileTrigger{min-height:var(--size-touch);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);list-style:none;display:flex}.profileTrigger:hover,.profileTrigger[aria-expanded=true]{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.profileAvatar{background:var(--color-brand-subtle);width:2rem;height:2rem;color:var(--color-on-brand-subtle);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.profileAvatar>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:1.15rem;height:1.15rem}.profileAvatarTags{gap:.1rem;display:flex;position:absolute;inset-block-end:-.25rem;inset-inline-end:-.55rem}.profileAvatarTag{border:2px solid var(--color-surface);border-radius:var(--radius-pill);min-width:1rem;height:1rem;font-size:.55rem;font-weight:var(--font-weight-black);place-items:center;padding-inline:.18rem;line-height:1;display:grid}.profileAvatarAdminTag{background:var(--color-danger);color:var(--color-text-inverse)}.profileAvatarPremiumTag{background:var(--color-brand);color:var(--color-on-brand);font-size:.45rem}.profileTriggerText{min-width:0;max-width:9rem;line-height:1.15;display:grid}.profileTriggerText strong,.profileTriggerText small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profileTriggerText strong{font-size:var(--font-size-xs)}.profileTriggerText small{color:var(--color-text-muted);font-size:.65rem}.profileChevron{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1rem;height:1rem;transition:transform var(--duration-fast) var(--ease-standard)}.profileTrigger[aria-expanded=true] .profileChevron{transform:rotate(180deg)}.profilePopover{z-index:calc(var(--z-navigation) + 1);width:min(20rem, calc(100vw - (2 * var(--space-4))));padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0}.profilePopoverHeading{padding:var(--space-2);overflow-wrap:anywhere;gap:.15rem;display:grid}.profilePopoverHeading span,.profileMenuSummary,.profileMenuNotice{color:var(--color-text-muted);font-size:var(--font-size-xs)}.profileMenuSummary{gap:var(--space-2);padding:var(--space-2);border-block:1px solid var(--color-border);display:grid}.profileMenuNotice{margin:var(--space-1) 0;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.profileMenuNotice p{margin:0}.profileRetry{min-block-size:var(--size-touch);margin-top:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.profileMenuLink{width:100%;min-height:var(--size-touch);padding-inline:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:start;background:0 0;border:0;align-items:center;display:flex}.profileMenuLink:hover{background:var(--color-surface-muted)}.profileSignOut{color:var(--color-danger)}.profileMenuError{margin:var(--space-1) 0 0;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-danger-subtle);color:var(--color-danger);font-size:var(--font-size-xs)}.profileBadges{gap:var(--space-1);flex-wrap:wrap;display:flex}.profileBadge{min-height:var(--space-6);padding-inline:var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);letter-spacing:.02em;border:1px solid #0000;align-items:center;line-height:1;display:inline-flex}.profileBadge-admin,.profileBadge-super_admin{border-color:color-mix(in srgb, var(--color-role-admin) 45%, transparent);background:var(--color-role-admin-subtle);color:var(--color-role-admin)}.profileBadge-premium{border-color:color-mix(in srgb, var(--color-role-premium) 45%, transparent);background:var(--color-role-premium-subtle);color:var(--color-role-premium)}.profileBadgesCompact{flex-wrap:nowrap}.profileBadgesCompact .profileBadge{min-height:var(--space-6);font-size:var(--font-size-xs)}.primaryButton,.secondaryButton,.iconButton,.readerToolbar button,.textButton,.dangerButton{min-block-size:var(--size-touch);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-weight:var(--font-weight-bold);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}:where(.primaryButton,.secondaryButton,.dangerButton,.textButton,.readerToolbar button):disabled{border-color:var(--color-disabled-border);background:var(--color-disabled-surface);color:var(--color-disabled-text);box-shadow:none;transform:none}@supports (min-height:100dvh){body,.siteShell{min-height:100dvh}}.primaryButton{background:var(--color-brand);color:var(--color-on-brand);box-shadow:var(--shadow-sm);border:1px solid #0000}.primaryButton:hover{background:var(--color-brand-hover)}.primaryButton:active{background:var(--color-brand-active);transform:translateY(1px)}.secondaryButton,.iconButton,.readerToolbar button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.secondaryButton:hover,.iconButton:hover,.readerToolbar button:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.iconButton{width:var(--size-touch);padding:0}.textButton{color:var(--color-brand);background:0 0;border:1px solid #0000}.textButton:hover{background:var(--color-brand-subtle);color:var(--color-on-brand-subtle)}.dangerButton{border:1px solid color-mix(in srgb, var(--color-danger) 45%, transparent);background:var(--color-danger-subtle);color:var(--color-danger)}.hero{padding-block:var(--space-24) 4.5rem;text-align:center}.eyebrow{color:var(--color-brand);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);letter-spacing:.125em;text-transform:uppercase}.hero h1{max-width:14ch;margin:1.0625rem auto var(--space-5);font-size:var(--font-size-display);letter-spacing:-.055em;line-height:.98}.hero h1 span{color:var(--color-brand)}.hero p,.lead{color:var(--color-text-muted);font-size:var(--font-size-lg)}.hero p{max-width:42rem;margin-inline:auto}.searchFieldLabel{max-width:48.75rem;margin:var(--space-8) auto 0;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:start;display:block}.searchBox{align-items:center;gap:var(--space-3);max-width:48.75rem;margin:var(--space-2) auto var(--space-4);scroll-margin-top:calc(var(--header-height) + var(--space-4));border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-lg);padding:.5625rem .5625rem .5625rem 1.125rem;display:flex}.searchBox:focus-within{border-color:var(--color-focus);box-shadow:var(--focus-ring), var(--shadow-lg)}.searchBox>span{color:var(--color-text-muted);font-size:var(--font-size-xl)}.searchBox input{min-width:0;min-block-size:var(--size-touch);padding:var(--space-2) 0;color:var(--color-text);background:0 0;border:0;outline:0;flex:1}.searchBox input::placeholder{color:var(--color-text-subtle)}.searchBox input:focus-visible{box-shadow:none}.searchBox button{min-block-size:var(--size-touch);padding-inline:var(--space-5);border-radius:var(--radius-md);background:var(--color-brand);color:var(--color-on-brand);font-weight:var(--font-weight-bold);border:0}.quickTags{justify-content:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.quickTags button,.pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-muted);border:1px solid #0000}.quickTags button{min-block-size:var(--size-touch)}.pill{min-block-size:var(--space-8)}.quickTags button:hover{border-color:var(--color-border);color:var(--color-text)}.section{padding-block:2.25rem 4.375rem}.sectionHeading{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.sectionHeading h2,.contributionBanner h2{font-size:var(--font-size-2xl);line-height:var(--line-height-heading);letter-spacing:-.035em;margin:.375rem 0}.songGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9375rem;display:grid}.songCard{align-items:center;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);min-height:9.375rem;box-shadow:var(--shadow-sm);transition:border-color var(--duration-normal) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard);grid-template-columns:auto minmax(0,1fr) auto;padding:1.4375rem;display:grid}.songCard:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.rank{color:var(--color-border-strong);font-size:1.75rem;font-weight:var(--font-weight-black)}.songCard h3{margin:0 0 .3125rem;font-size:1.0625rem}.songCard p{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:.8125rem}.play{background:var(--color-brand-subtle);width:2.5rem;height:2.5rem;color:var(--color-on-brand-subtle);border-radius:50%;place-items:center;display:grid}.contributionBanner{justify-content:space-between;align-items:center;gap:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:linear-gradient(130deg, var(--color-surface), color-mix(in srgb, var(--color-brand-subtle) 65%, var(--color-surface)));box-shadow:var(--shadow-sm);margin-bottom:5.625rem;padding:2.25rem;display:flex}.contributionBanner p{max-width:43.75rem;color:var(--color-text-muted)}.readerPage,.formPage,.contributionPage{padding-block:3.25rem 6.25rem}.songTitleRow{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.songTitleRow h1,.formPage h1,.contributionPage>h1{margin:var(--space-2) 0;font-size:var(--font-size-3xl);line-height:var(--line-height-heading);letter-spacing:-.045em}.songTitleRow p{color:var(--color-text-muted)}.readerToolbar{z-index:calc(var(--z-sticky) - 1);align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);margin:1.75rem 0;display:flex;position:sticky;inset-block-start:calc(var(--header-height) + var(--space-3));overflow-x:auto}.readerToolbar button{white-space:nowrap;flex:none}.readerToolbar strong{min-width:1.75rem;color:var(--color-chord);text-align:center}.divider{background:var(--color-border);flex:none;width:1px;height:1.5rem}.readerLayout{grid-template-columns:minmax(0,1fr) 17.5rem;gap:1.75rem;display:grid}.chordSheet,.panel{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm)}.chordSheet{border-radius:var(--radius-xl);padding:clamp(1.5rem,5vw,3.375rem)}.chordSheet h2{color:var(--color-text-muted);letter-spacing:.115em;text-transform:uppercase;margin:2.125rem 0 1.375rem;font-size:.8125rem}.chordSheet h2:first-child{margin-top:0}.lyricLine{font-family:var(--font-mono);flex-wrap:wrap;margin:0 0 1.5625rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.9;display:flex}.segment{white-space:pre-wrap;padding-top:.9375rem;position:relative}.segment b{color:var(--color-chord);font-size:var(--font-size-sm);position:absolute;inset-block-start:-.3125rem;inset-inline-start:0}.readerAside{gap:var(--space-4);flex-direction:column;display:flex}.panel{border-radius:var(--radius-lg);padding:1.375rem}.panel p{color:var(--color-text-muted)}.chordList{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.125rem;display:grid}.chordList span{border-radius:var(--radius-sm);background:var(--color-surface-muted);min-height:3.625rem;color:var(--color-chord);font-size:var(--font-size-lg);font-weight:var(--font-weight-black);place-items:center;display:grid}.editorGrid,.reviewLayout{gap:var(--space-5);grid-template-columns:1.1fr .9fr;margin-top:1.875rem;display:grid}.formPanel label,.reviewPanel label{gap:var(--space-2);font-size:.8125rem;font-weight:var(--font-weight-bold);margin-bottom:1.125rem;display:grid}.formPanel input,.formPanel textarea,.formPanel select,.reviewPanel textarea{width:100%;min-block-size:var(--size-touch);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-text)}.formPanel textarea{font-family:var(--font-mono)}.twoCols{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.formPanel .check{color:var(--color-text-muted);font-weight:var(--font-weight-normal);align-items:start;display:flex}.formPanel .check input{width:auto;min-block-size:auto;margin-top:.1875rem}.authPage{min-height:calc(100vh - var(--header-height));padding-block:var(--space-10);place-items:center;display:grid}.authCard{width:min(100%,34rem);padding:clamp(var(--space-6), 5vw, var(--space-10));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.authCard h1{margin:var(--space-3) 0;font-size:var(--font-size-3xl);line-height:var(--line-height-heading);letter-spacing:-.04em}.authCard>p{margin:0}.authSocialProviderButton,.authPasswordButton,.authBackLink{width:100%}.authSocialProviderButton{gap:var(--space-3)}.authSocialProviderButton svg{fill:currentColor;width:1.125rem;height:1.125rem}.authModeTabs{gap:var(--space-2);margin-block:var(--space-6) var(--space-5);padding:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface-muted);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.authModeTab{min-block-size:var(--size-touch);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font:inherit;font-weight:var(--font-weight-bold);background:0 0;border:0}.authModeTabActive{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text)}.authPasswordForm{gap:var(--space-4);display:grid}.authField{gap:var(--space-2);display:grid}.authField label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.authPasswordForm input{width:100%;min-block-size:var(--size-touch);padding:var(--space-3);border:1px solid var(--color-field-border);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-text);font:inherit}.authPasswordForm input[aria-invalid=true]{border-color:var(--color-danger)}.authFieldError{color:var(--color-danger);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}.authDivider{align-items:center;gap:var(--space-3);margin-block:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-sm);grid-template-columns:1fr auto 1fr;display:grid}.authDivider:before,.authDivider:after{background:var(--color-border);content:"";height:1px}.authSocialProviders{gap:var(--space-3);display:grid}.authMessage{min-height:2.75rem;margin-block:var(--space-5);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-brand-subtle);font-size:var(--font-size-sm);color:var(--color-on-brand-subtle)!important}.authMessageEmpty{visibility:hidden}.authBackLink{text-align:center}.authEmailNotice{font-size:var(--font-size-xs);line-height:var(--line-height-body);text-align:center;margin:0 0 var(--space-4)!important;color:var(--color-text-muted)!important}.profilePage{padding-block:var(--space-12) var(--space-24)}.profilePanel{width:min(100%,48rem);padding:clamp(var(--space-6), 5vw, var(--space-10));border-radius:var(--radius-xl);margin-inline:auto}.profilePanel>h1,.profilePageHeading h1{margin:var(--space-2) 0;font-size:var(--font-size-3xl);line-height:var(--line-height-heading);letter-spacing:-.04em}.profilePageHeading{align-items:center;gap:var(--space-5);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);display:flex}.profilePageHeading>div{min-inline-size:0}.profilePageHeading h1{overflow-wrap:anywhere}.profilePageAvatar{border-radius:var(--radius-xl);background:var(--color-brand-subtle);width:5rem;height:5rem;color:var(--color-on-brand-subtle);font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);flex:none;place-items:center;display:grid}.profileDetails{gap:var(--space-3);margin:var(--space-8) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profileDetails>div{min-width:0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted)}.profileDetails dt{margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.profileDetails dd{overflow-wrap:anywhere;font-weight:var(--font-weight-bold);margin:0}.profileSecurityNote{padding:var(--space-4);border-inline-start:3px solid var(--color-brand);background:var(--color-brand-subtle);color:var(--color-on-brand-subtle);font-size:var(--font-size-sm);margin:0}.profileTabNav{margin-block:var(--space-6) 0;border-bottom:2px solid var(--color-border);gap:0;display:flex}.profileTab{padding:var(--space-3) var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.01em;cursor:pointer;background:0 0;border:0;transition:color .15s;position:relative}.profileTab:after{content:"";background:var(--color-brand);opacity:0;height:2px;transition:opacity .15s;position:absolute;inset-block-end:-2px;inset-inline:0}.profileTab:hover{color:var(--color-text)}.profileTab[aria-selected=true]{color:var(--color-brand)}.profileTab[aria-selected=true]:after{opacity:1}.passwordPanelEmbedded{gap:var(--space-5);padding-block-start:var(--space-6);display:grid}.passwordPanelHeader{gap:var(--space-2);display:grid}.passwordPanelHeader h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin:0}.passwordPanelHeader p{margin:0}.passwordPanelForm{gap:var(--space-4);display:grid}.passwordPanelActions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}@media (max-width:35rem){.profileTabNav{gap:0}.profileTab{padding:var(--space-3) var(--space-3);text-align:center;flex:1}.passwordPanelActions>*{width:100%}}.previewPanel h2{font-size:1.75rem}.inlineChord,.mockContent b{color:var(--color-chord)}.muted{color:var(--color-text-muted)}.reviewLayout{grid-template-columns:22.5rem minmax(0,1fr)}.queuePanel{padding:var(--space-2)}.queueItem{width:100%;min-block-size:var(--size-touch);border:0;border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:start;background:0 0;justify-content:space-between;gap:.9375rem;padding:1.0625rem .875rem;display:flex}.queueItem:hover{border-radius:var(--radius-sm);background:var(--color-surface-muted)}.queueItem span{gap:.3125rem;display:grid}.queueItem .uiButtonLabel{justify-content:space-between;gap:var(--space-4);width:100%;display:flex}.queueItem small{color:var(--color-text-muted)}.queueItem em{color:var(--color-brand);font-size:var(--font-size-xs);font-style:normal;font-weight:var(--font-weight-bold)}.reviewMeta{gap:var(--space-2);flex-wrap:wrap;display:flex}.reviewMeta span{border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-xs);padding:.4375rem .625rem}.mockContent{margin:var(--space-6) 0;padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-canvas);line-height:2.2}.reviewActions{justify-content:end;gap:var(--space-2);display:flex}.mobileNav{display:none}@media (max-width:53.125rem){html{scroll-padding-top:calc(var(--mobile-header-height) + var(--space-4));scroll-padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + var(--space-2))}body{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}.siteHeader{min-height:var(--mobile-header-height);gap:var(--space-2);padding-inline:var(--space-3)}.desktopNav{display:none}.brand{margin-inline-end:auto;font-size:1.125rem}.brandMark{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem}.brandMark svg{width:1.125rem;height:1.125rem}.authAction,.authMenuPlaceholder{width:var(--size-touch);padding:0}.languageTrigger{width:var(--size-touch);justify-content:center;padding:0}.languageTriggerLabel,.authActionLabel{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profileTrigger{width:var(--size-touch);padding:var(--space-1);justify-content:center}.profileTriggerText,.profileTriggerBadges,.profileChevron{display:none}.songGrid,.readerLayout,.editorGrid,.reviewLayout{grid-template-columns:1fr}.readerAside{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contributionBanner{flex-direction:column;align-items:flex-start}.mobileNav{z-index:var(--z-navigation);min-height:var(--mobile-nav-height);padding:0 var(--space-2) max(0px, env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, transparent);box-shadow:var(--shadow-navigation);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;inset-block-end:0;inset-inline:0}.mobileNavLink{min-block-size:var(--size-touch);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.625rem;font-weight:var(--font-weight-semibold);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);align-content:center;justify-items:center;gap:0;display:grid}.mobileNavLink svg{width:1.125rem;height:1.125rem}.mobileNavLink:hover{color:var(--color-text)}.mobileNavLink[aria-current=page]{background:var(--color-brand-subtle);color:var(--color-on-brand-subtle)}.readerToolbar{inset-block-start:calc(var(--mobile-header-height) + var(--space-2))}.authPage{min-height:calc(100vh - var(--mobile-header-height) - var(--mobile-nav-height))}}@media (max-width:35rem){.hero{padding-block-start:var(--space-16)}.hero h1{letter-spacing:-.045em}.searchBox button{display:none}.sectionHeading{align-items:start}.readerAside,.twoCols{grid-template-columns:1fr}.songTitleRow{flex-direction:column;align-items:flex-start}.reviewActions{flex-wrap:wrap}.reviewActions button{flex:1}.contributionBanner{padding:var(--space-6)}.profilePageHeading{align-items:flex-start}.profilePageAvatar{width:3.75rem;height:3.75rem}.profileDetails{grid-template-columns:1fr}}@media (max-width:20rem){html{min-width:0}.siteHeader{gap:var(--space-1);padding-inline:var(--space-2)}.brand>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.headerActions{gap:var(--space-1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid highlight}.brandMark,.primaryButton,.authModeTab,.authPasswordForm input{border:1px solid buttontext}.authModeTabActive{border:3px solid highlight}}.siteShell{flex-direction:column;min-height:100vh;display:flex}main#main-content{flex:1}.siteFooter{border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-12)}.siteFooterInner{max-width:var(--layout-content);padding:var(--space-12) var(--layout-gutter) var(--space-8);margin-inline:auto}.footerGrid{gap:var(--space-10);grid-template-columns:2fr 1fr 1fr;display:grid}.footerBrandCol{gap:var(--space-3);flex-direction:column;max-width:28rem;display:flex}.footerBrand{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);text-decoration:none;display:inline-flex}.footerBrand:hover{color:var(--color-brand)}.footerBrand .brandMark{width:1.75rem;height:1.75rem}.footerBrand .brandTitle{font-weight:var(--font-weight-black);letter-spacing:-.035em}.footerAboutText{color:var(--color-text-muted);line-height:var(--line-height-body);font-size:var(--font-size-sm);margin:0}.footerTagline{color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:0}.footerNavCol{gap:var(--space-3);flex-direction:column;display:flex}.footerColTitle{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em;margin:0}.footerLinkList{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footerLink{color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-standard);align-items:center;min-height:2.25rem;text-decoration:none;display:inline-flex}.footerLink:hover{color:var(--color-brand)}.footerDivider{background:var(--color-border);height:1px;margin-block:var(--space-8) var(--space-6);opacity:.6}.footerBottom{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-subtle);display:flex}.footerCopyright{margin:0}.contactPage{padding-block:var(--space-8) var(--space-12);gap:var(--space-8);flex-direction:column;display:flex}.contactHeader{gap:var(--space-2);flex-direction:column;display:flex}.contactHeader .leadingText{max-width:42rem;font-size:var(--font-size-md);line-height:var(--line-height-body)}.contactNotice{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface-muted);border:1px solid var(--color-border);display:flex}.contactNoticeIcon{border-radius:var(--radius-md);background:var(--color-brand-subtle);width:2.25rem;height:2.25rem;color:var(--color-brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contactNoticeIcon svg{stroke:currentColor;stroke-width:2px;fill:none;width:1.25rem;height:1.25rem}.contactNoticeTitle{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-1) 0}.contactNoticeText{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-body);margin:0}.contactGrid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));display:grid}.contactCard{padding:var(--space-6);justify-content:space-between;gap:var(--space-6);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-xl);transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex}.contactCard:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.contactCardTop{align-items:flex-start;gap:var(--space-4);display:flex}.contactIconWrapper{border-radius:var(--radius-lg);background:var(--color-brand-subtle);width:2.75rem;height:2.75rem;color:var(--color-on-brand-subtle);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contactIconWrapper svg{stroke:currentColor;stroke-width:2px;fill:none;width:1.375rem;height:1.375rem}.contactCardMeta{gap:var(--space-1);flex-direction:column;display:flex}.contactCardTitle{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.contactCardDesc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-body);margin:0}.contactCardValueRow{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-surface-muted);flex-wrap:wrap;display:flex}.contactValueBadge{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text);background:var(--color-surface-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border);word-break:break-all}.contactCardActions{align-items:center;gap:var(--space-2);display:flex}.contactCtaBanner{margin-top:var(--space-4)}@media (max-width:53.125rem){.siteFooterInner{padding:var(--space-8) var(--space-4) calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + var(--space-6))}.footerGrid{gap:var(--space-8);grid-template-columns:1fr}.footerBottom{align-items:flex-start;gap:var(--space-2);flex-direction:column}.contactGrid{grid-template-columns:1fr}}