.roboto-thin{font-family:Roboto,serif;font-style:normal;font-weight:100}.roboto-light{font-family:Roboto,serif;font-style:normal;font-weight:300}.roboto-regular{font-family:Roboto,serif;font-style:normal;font-weight:400}.roboto-medium,h2{font-family:Roboto,serif;font-style:normal;font-weight:500}.roboto-bold{font-family:Roboto,serif;font-style:normal;font-weight:700}.roboto-black{font-family:Roboto,serif;font-style:normal;font-weight:900}.roboto-thin-italic{font-family:Roboto,serif;font-style:italic;font-weight:100}.roboto-light-italic{font-family:Roboto,serif;font-style:italic;font-weight:300}.roboto-regular-italic{font-family:Roboto,serif;font-style:italic;font-weight:400}.roboto-medium-italic{font-family:Roboto,serif;font-style:italic;font-weight:500}.roboto-bold-italic{font-family:Roboto,serif;font-style:italic;font-weight:700}.roboto-black-italic{font-family:Roboto,serif;font-style:italic;font-weight:900}.russo-one-regular{font-family:Russo One,sans-serif;font-style:normal;font-weight:400}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--link-color:#4b596c;--page-bg-color:#f8fafc;--menu-bg-color:#fff;--block-bg-color:#fff;--skeleton-bg-color:#f1f5f9;--page-block-padding:16px;--page-block-padding-sm:8px;--page-border-radius:12px;--page-block-inner-padding:24px;--page-sidebar-padding:16px;--menu-text-color:#4b596c;--light-color:#59606a;--light-color-more:#75787c;--footer-text-color:#94a3b8;--content-text-color:#0f172a;--primary-color:#3d4457;--primary-color-text:#fff;--secondary-color:#f1f5f9;--secondary-color-hover:#e2e8f0;--language-selector-bg:#687588;--language-selector-bg-hover:#737e8e;--accent-color:#3688e5;--accent-color-text:#fff;--accent-color-light:#67a4e9;--navbar-height:64px;--navbar-bg-color:#232e3cd9;--font-size:16px;--input-spin-color:#475569;--sidebar-width-full:280px;--sidebar-width-collapsed:72px;--player-margin:16px;--player-bg-color:#fffffff2;--player-overlay:linear-gradient(135deg,#ffffffeb,#f1f5f9e6);--dropzone-bg-color:#f8fafc;--player-border-radius:16px;--primary-color-hover:#59606a;--input-bg-color:#fff;--input-placeholder-color:#94a3b8;--input-focus-color:#0f172a;--input-border-color:#c4c4c4;--input-disabled-text-color:#94a3b8;--alert-info-bg:#e4f0ff;--alert-info-text:#1e293b;--alert-info-icon:#2563eb;--error-color:#ef4444;--warning-color:#f59e0b;--warning-surface-bg:#fff7ed;--warning-border-color:#fcd34d;--warning-icon-color:#d97706;--success-color:#10b981;--color-green:#1db954;--hover-bg-color:#f1f5f9;--border-color:#e2e8f0;--modal-overlay-bg:#0f172a66;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--highlight-playing:#4caf501a;--highlight-current:#9e9e9e1a;--highlight-selected:#2196f31a;--slider-track-bg:#0f172a1f;--timeline-surface-bg:var(--block-bg-color);--timeline-border-color:var(--border-color);--timeline-header-gradient-start:#f8f9fa;--timeline-header-gradient-end:#e9ecef;--timeline-muted-text-color:#6c757d;--timeline-legend-text-color:#495057;--timeline-legend-bg:#ffffffb3;--timeline-legend-border-color:#dee2e6;--timeline-time-range-bg:#fffc;--timeline-time-label-bg:#ffffffe6;--timeline-time-label-border:#ddd;--timeline-time-label-shadow:0 1px 3px #0000001a;--timeline-track-surface-bg:#f9f9f9;--timeline-track-label-bg:#f8f9fa;--timeline-track-label-border:#dee2e6;--timeline-track-label-text:#6c757d;--timeline-track-label-hover-text:#495057;--timeline-track-grid-border:#e0e0e0;--timeline-grid-hour-color:#e9ecef;--timeline-grid-subtle-color:#f1f3f4;--timeline-grid-quarter-color:#dee2e6;--timeline-axis-hour-marker-color:#adb5bd;--timeline-duration-indicator-bg:#0000001a;--timeline-current-line-start:#ff6b6b;--timeline-current-line-end:#ee5a24;--timeline-current-line-glow:#ff6b6b99;--timeline-current-indicator-shadow:#ff6b6b66;--timeline-current-indicator-shadow-strong:#ff6b6bcc;--timeline-current-knob-border:#fff;--timeline-current-label-bg:#2d3748;--timeline-current-label-text:#fff;--timeline-current-label-shadow:0 2px 8px #0003;--timeline-skeleton-border-color:#f0f0f0;--timeline-track-music-bg:#e3f2fd;--timeline-track-music-border:#1976d2;--timeline-track-music-text:#0d47a1;--timeline-track-content-bg:#fff3e0;--timeline-track-content-border:#f57c00;--timeline-track-content-text:#e65100;--timeline-block-text-color:var(--content-text-color);--timeline-item-text-color:var(--content-text-color);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:50%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;flex-direction:column;display:flex}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--link-color:#7bb0ff;--page-bg-color:#15161a;--menu-bg-color:#1a1c20;--block-bg-color:#1f2126;--skeleton-bg-color:#22242a;--menu-text-color:#c4c4c9;--light-color:#ececef;--light-color-more:#c4c4c9;--footer-text-color:#8b8b93;--content-text-color:#ececef;--primary-color:#619ff5;--primary-color-text:#f4f8ff;--secondary-color:#22242a;--secondary-color-hover:#2a2c33;--accent-color:#3b82f6;--accent-color-light:#60a5fa;--input-spin-color:#e2e8f0;--player-bg-color:#1f2126f5;--player-overlay:linear-gradient(135deg,#22242aeb,#1a1c20e0);--dropzone-bg-color:#1a1c20;--primary-color-hover:#4f8de4;--language-selector-bg:#22242a;--language-selector-bg-hover:#2a2c33;--input-bg-color:#1a1c20;--input-placeholder-color:#8b8b93;--input-focus-color:#60a5fa;--input-border-color:#ffffff12;--input-disabled-text-color:#8b8b93;--alert-info-bg:#3b82f626;--alert-info-text:#ececef;--alert-info-icon:#93c5fd;--hover-bg-color:#2a2c33;--border-color:#ffffff12;--modal-overlay-bg:#0a0c1099;--navbar-bg-color:#1a1c20e6;--shadow-sm:0 1px 2px 0 #000000b3;--shadow-md:0 8px 12px -2px #000000a6,0 3px 6px -3px #000000a6;--shadow-lg:0 16px 24px -4px #0000008c,0 6px 10px -4px #0000008c;--shadow-xl:0 28px 36px -6px #00000080,0 12px 16px -6px #00000080;--highlight-playing:#60a5fa2e;--highlight-current:#ffffff14;--highlight-selected:#3b82f626;--slider-track-bg:#ffffff3d;--timeline-surface-bg:var(--block-bg-color);--timeline-border-color:var(--border-color);--timeline-header-gradient-start:#1f2126;--timeline-header-gradient-end:#1a1c20;--timeline-muted-text-color:#8b8b93;--timeline-legend-text-color:#c4c4c9;--timeline-legend-bg:#ffffff0d;--timeline-legend-border-color:#ffffff12;--timeline-time-range-bg:#ffffff0a;--timeline-time-label-bg:#1f2126db;--timeline-time-label-border:#ffffff1a;--timeline-time-label-shadow:0 1px 4px #0000008c;--timeline-track-surface-bg:#1f2126;--timeline-track-label-bg:#22242a;--timeline-track-label-border:#ffffff12;--timeline-track-label-text:#c4c4c9;--timeline-track-label-hover-text:#ececef;--timeline-track-grid-border:#ffffff12;--timeline-grid-hour-color:#2a2c33;--timeline-grid-subtle-color:#22242a;--timeline-grid-quarter-color:#2a2c33;--timeline-axis-hour-marker-color:#8b8b93;--timeline-duration-indicator-bg:#ffffff2e;--timeline-current-line-start:#ff6b6b;--timeline-current-line-end:#ee5a24;--timeline-current-line-glow:#ff6b6bb3;--timeline-current-indicator-shadow:#ff6b6b80;--timeline-current-indicator-shadow-strong:#ff6b6be6;--timeline-current-knob-border:#15161a;--warning-surface-bg:#f59e0b1f;--warning-border-color:#f59e0b59;--warning-icon-color:#fbbf24;--timeline-current-label-bg:#22242a;--timeline-current-label-text:#ececef;--timeline-current-label-shadow:0 2px 8px #0009;--timeline-skeleton-border-color:#2a2c33;--timeline-track-music-bg:#63b3ed26;--timeline-track-music-border:#67a4e9;--timeline-track-music-text:#d2e7ff;--timeline-track-content-bg:#fdba7426;--timeline-track-content-border:#f59e0b;--timeline-track-content-text:#ffe0b3;--timeline-block-text-color:#ececef;--timeline-item-text-color:#ececef}body{width:100%;min-width:320px;font-family:Roboto,sans-serif;font-size:var(--font-size);color:var(--content-text-color);line-height:1.4rem;display:flex;position:relative}body,html{background-color:var(--page-bg-color);touch-action:manipulation;overscroll-behavior:none;height:100%;margin:0;padding:0;overflow-x:hidden}main{flex-grow:1}*{box-sizing:border-box;-webkit-tap-highlight-color:#0000}#app{flex-direction:row;align-items:stretch;width:100%;min-height:100%;margin:auto;padding:0;display:flex;position:relative}a{color:var(--link-color);font-family:Roboto,sans-serif;text-decoration:none}a:hover{color:var(--link-color);text-decoration:underline}h1{font-size:3.2em;line-height:1.1}h2{letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:500;line-height:1.05}@media screen and (min-width:768px){h2{font-size:1.3rem;line-height:1.8}}ul li{padding-bottom:1rem}.theme-toggle{width:100%;margin-bottom:var(--spacing-md);color:var(--content-text-color);justify-content:flex-end;display:flex}.app-table-container.MuiPaper-root{background-color:var(--block-bg-color);border-radius:var(--page-border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:auto hidden}.app-table-container .MuiTable-root{background-color:#0000}.app-table-container .MuiTableHead-root{background-color:var(--secondary-color)}.app-table-container .MuiTableHead-root .MuiTableCell-root{color:var(--menu-text-color);text-transform:uppercase;letter-spacing:.05em;background-color:#0000;font-size:12px;font-weight:600}.app-table-container .MuiTableHead-root .MuiTableCell-root:first-of-type{border-top-left-radius:var(--page-border-radius)}.app-table-container .MuiTableHead-root .MuiTableCell-root:last-of-type{border-top-right-radius:var(--page-border-radius)}.app-table-container .MuiTableCell-root{border-bottom:1px solid var(--border-color);color:var(--content-text-color)}.app-table-container .MuiTableBody-root .MuiTableRow-root{background-color:var(--block-bg-color)}.app-table-container .MuiTableBody-root .MuiTableRow-root:last-of-type .MuiTableCell-root{border-bottom:none}.app-table-container .MuiTableBody-root .MuiTableRow-root:last-of-type .MuiTableCell-root:first-of-type{border-bottom-left-radius:var(--page-border-radius)}.app-table-container .MuiTableBody-root .MuiTableRow-root:last-of-type .MuiTableCell-root:last-of-type{border-bottom-right-radius:var(--page-border-radius)}