:root{--an-bg: #0c0a1a;--an-surface: #14122a;--an-surface-2: #1c1936;--an-surface-3: #25224a;--an-line: rgba(255, 255, 255, .08);--an-line-strong: rgba(255, 255, 255, .14);--an-text: #f3f0ff;--an-text-dim: #b9b3d6;--an-text-mute: #7e7a9e;--an-grad: linear-gradient(135deg, #7c4dff 0%, #ff4081 100%);--an-grad-soft: linear-gradient(135deg, rgba(124, 77, 255, .18), rgba(255, 64, 129, .18));--primary-rgb: 124, 77, 255;--accent-rgb: 255, 64, 129;--easy-rgb: 102, 187, 106;--medium-rgb: 255, 167, 38;--hard-rgb: 239, 83, 80;--color-primary: #7c4dff;--color-primary-dark: #651fff;--color-primary-light: #b388ff;--color-accent: #ff4081;--color-warning: #ffa726;--color-error: #ef5350;--color-success: #66bb6a;--color-easy: #66bb6a;--color-medium: #ffa726;--color-hard: #ef5350;--color-tag: #80deea;--tag-rgb: 0, 188, 212;--an-diff-easy: #66bb6a;--an-diff-mid: #ffa726;--an-diff-hard: #ef5350;--font-display: "Exo 2", sans-serif;--an-correct: #9ccc65;--an-correct-bg: rgba(102, 187, 106, .1);--an-correct-border: rgba(102, 187, 106, .4);--an-wrong: #ef9a9a;--an-wrong-strong: #ef5350;--an-wrong-bg: rgba(239, 83, 80, .1);--an-wrong-border: rgba(239, 83, 80, .4);--an-partial: #ffd54f;--an-partial-bg: rgba(255, 193, 7, .14);--an-partial-border: rgba(255, 193, 7, .35);--an-purple-accent: #a78dff;--an-purple-bg: rgba(124, 77, 255, .18);--an-purple-border: rgba(124, 77, 255, .3);--an-genre-bg: rgba(124, 77, 255, .18);--an-genre-border: rgba(124, 77, 255, .3);--an-genre-text: #c4a8ff;--an-tag-bg: rgba(102, 187, 106, .14);--an-tag-border: rgba(102, 187, 106, .35);--an-tag-text: #9ccc65;--an-card-bg: rgba(255, 255, 255, .018);--an-card-border: rgba(255, 255, 255, .06);--an-glass-bg: rgba(255, 255, 255, .025);--an-glass-border: rgba(255, 255, 255, .1)}.an-grad-text{background:var(--an-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--font-display)}.an-glass{background:linear-gradient(180deg,#ffffff0a,#ffffff04);border:1px solid var(--an-line);border-radius:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.an-grad-border{position:relative}.an-grad-border:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--an-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.an-progress{height:8px;border-radius:99px;background:#ffffff0f;overflow:hidden;position:relative}.an-progress>i{display:block;height:100%;background:var(--an-grad);border-radius:99px;box-shadow:0 0 18px #7c4dff80,0 0 8px #ff408180}.an-glow{position:absolute;border-radius:50%;filter:blur(36px);opacity:.55;pointer-events:none;z-index:0}.an-icon-btn{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--an-line);color:var(--an-text);cursor:pointer;transition:background .15s}.an-icon-btn:hover{background:#ffffff14}.an-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;block-size:44px;padding:0 22px;border-radius:99px;background:var(--an-grad);color:#fff;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.6px;text-transform:uppercase;border:none;cursor:pointer;box-shadow:0 8px 28px #7c4dff6b,0 4px 14px #ff40814d;text-decoration:none;transition:transform .15s,box-shadow .15s}.an-cta:after{display:none}.an-cta:hover{transform:translateY(-1px);box-shadow:0 10px 32px #7c4dff80,0 6px 18px #ff408159}.an-cta-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;block-size:40px;padding:0 20px;border-radius:99px;background:transparent;border:1px solid var(--an-line-strong);color:var(--an-text);font-family:Inter,sans-serif;font-weight:500;font-size:12px;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.an-cta-ghost:after{display:none}.an-cta-ghost:hover{background:#ffffff14;border-color:#fff3}.an-diff{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;font-family:var(--font-display)}.an-diff:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;flex-shrink:0}.an-diff.easy{color:var(--an-diff-easy);background:#66bb6a1f}.an-diff.mid{color:var(--an-diff-mid);background:#ffa7261f}.an-diff.hard{color:var(--an-diff-hard);background:#ef53501f}.an-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:#ffffff0a;border:1px solid var(--an-line);font-size:11px;font-weight:500;color:var(--an-text-dim);font-family:Inter,sans-serif}.an-score{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:.9}.an-hr{height:1px;background:var(--an-line);border:none;margin:0}@keyframes an-eq-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.an-eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.an-eq i{width:2.5px;height:100%;background:currentColor;border-radius:2px;transform-origin:bottom;animation:an-eq-bounce .9s ease-in-out infinite}.an-eq i:nth-child(2){animation-delay:.15s}.an-eq i:nth-child(3){animation-delay:.3s}.an-eq i:nth-child(4){animation-delay:.45s}.an-eq i:nth-child(5){animation-delay:.6s}.cdk-overlay-dark-backdrop{background:#0806149e}.mat-mdc-dialog-surface,.mat-bottom-sheet-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mat-mdc-snack-bar-container.an-snackbar-pill{margin:0 auto 2rem;max-width:90vw}.mat-mdc-snack-bar-container.an-snackbar-pill .mdc-snackbar__surface{--mdc-snackbar-container-color: transparent;min-width:0;max-width:90vw;padding:0;border-radius:100px;background:transparent;box-shadow:none}.mat-mdc-snack-bar-container.an-snackbar-pill .mat-mdc-snack-bar-label{padding:0}.an-menu.mat-mdc-menu-panel{min-width:0;min-height:0;border-radius:10px;background:#100c1ef2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000080;overflow:hidden;white-space:nowrap}.an-menu .mat-mdc-menu-content{padding:0}.an-menu .mat-mdc-menu-item{min-height:0;padding:0}.an-menu .mat-mdc-menu-item .mat-mdc-menu-item-text{display:contents}.an-menu .popover-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:var(--an-text-dim);cursor:pointer;font-size:13px;font-family:var(--font-display);font-weight:500;transition:background .15s,color .15s}.an-menu .mat-mdc-menu-item:hover .popover-item,.an-menu .mat-mdc-menu-item.cdk-focused .popover-item,.an-menu .popover-item:hover{background:#ffffff0f;color:var(--an-text)}.an-menu .mat-mdc-menu-item .mat-mdc-focus-indicator,.an-menu .mat-mdc-menu-item .mat-ripple{display:none}.an-menu .popover-error{display:flex;align-items:center;gap:4px;padding:4px 14px 8px}.an-menu .error-text{color:var(--color-error);font-size:12px}.an-adaptive-dialog .mat-mdc-dialog-surface{padding:0;overflow:hidden}.an-flat-dialog .mat-mdc-dialog-surface{background:var(--an-surface);border:1px solid var(--an-glass-border);border-radius:18px;backdrop-filter:none;-webkit-backdrop-filter:none}.an-adaptive-bottom-sheet .mat-bottom-sheet-container{padding:0;border-radius:var(--mat-sys-corner-extra-large-top);max-height:85vh}.an-adaptive-bottom-sheet .mat-bottom-sheet-container>*{display:block;height:100%}html{color-scheme:dark;--mat-sys-background: #121028;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #302d47;--mat-sys-inverse-primary: #6833ea;--mat-sys-inverse-surface: #e4dfff;--mat-sys-on-background: #e4dfff;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #370096;--mat-sys-on-primary-container: #e8deff;--mat-sys-on-primary-fixed: #20005f;--mat-sys-on-primary-fixed-variant: #4f00d0;--mat-sys-on-secondary: #66002a;--mat-sys-on-secondary-container: #ffd9df;--mat-sys-on-secondary-fixed: #3f0018;--mat-sys-on-secondary-fixed-variant: #8f003f;--mat-sys-on-surface: #e4dfff;--mat-sys-on-surface-variant: #e7dff5;--mat-sys-on-tertiary: #5d0054;--mat-sys-on-tertiary-container: #ffd7f1;--mat-sys-on-tertiary-fixed: #390033;--mat-sys-on-tertiary-fixed-variant: #840077;--mat-sys-outline: #948ea1;--mat-sys-outline-variant: #494455;--mat-sys-primary: #cdbdff;--mat-sys-primary-container: #4f00d0;--mat-sys-primary-fixed: #e8deff;--mat-sys-primary-fixed-dim: #cdbdff;--mat-sys-scrim: #000000;--mat-sys-secondary: #ffb1c1;--mat-sys-secondary-container: #8f003f;--mat-sys-secondary-fixed: #ffd9df;--mat-sys-secondary-fixed-dim: #ffb1c1;--mat-sys-surface: #121028;--mat-sys-surface-bright: #393650;--mat-sys-surface-container: #1f1d35;--mat-sys-surface-container-high: #292740;--mat-sys-surface-container-highest: #34324c;--mat-sys-surface-container-low: #1b1931;--mat-sys-surface-container-lowest: #0d0b23;--mat-sys-surface-dim: #121028;--mat-sys-surface-tint: #cdbdff;--mat-sys-surface-variant: #494455;--mat-sys-tertiary: #fface9;--mat-sys-tertiary-container: #840077;--mat-sys-tertiary-fixed: #ffd7f1;--mat-sys-tertiary-fixed-dim: #fface9;--mat-sys-neutral-variant20: #322e3e;--mat-sys-neutral10: #1b1931;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter, Roboto, sans-serif;--mat-sys-body-large-font: Inter, Roboto, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter, Roboto, sans-serif;--mat-sys-body-medium-font: Inter, Roboto, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter, Roboto, sans-serif;--mat-sys-body-small-font: Inter, Roboto, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Exo 2, sans-serif;--mat-sys-display-large-font: Exo 2, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Exo 2, sans-serif;--mat-sys-display-medium-font: Exo 2, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Exo 2, sans-serif;--mat-sys-display-small-font: Exo 2, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Exo 2, sans-serif;--mat-sys-headline-large-font: Exo 2, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Exo 2, sans-serif;--mat-sys-headline-medium-font: Exo 2, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Exo 2, sans-serif;--mat-sys-headline-small-font: Exo 2, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter, Roboto, sans-serif;--mat-sys-label-large-font: Inter, Roboto, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter, Roboto, sans-serif;--mat-sys-label-medium-font: Inter, Roboto, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter, Roboto, sans-serif;--mat-sys-label-small-font: Inter, Roboto, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Exo 2, sans-serif;--mat-sys-title-large-font: Exo 2, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter, Roboto, sans-serif;--mat-sys-title-medium-font: Inter, Roboto, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter, Roboto, sans-serif;--mat-sys-title-small-font: Inter, Roboto, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 36px;--mat-chip-container-height: 28px;--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 60px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: block;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 36px;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block;--mat-form-field-container-height: 52px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 14px;--mat-form-field-filled-with-label-container-padding-top: 22px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 36px;--mat-list-list-item-leading-icon-start-space: 12px;--mat-list-list-item-leading-icon-end-space: 12px;--mat-list-list-item-one-line-container-height: 44px;--mat-list-list-item-two-line-container-height: 60px;--mat-list-list-item-three-line-container-height: 84px;--mat-paginator-container-size: 52px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 36px;--mat-tab-container-height: 44px;--mat-select-arrow-transform: translateY(-8px);--mat-button-toggle-height: 40px;--mat-stepper-header-height: 68px;--mat-table-header-container-height: 52px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px;--mat-toolbar-standard-height: 60px;--mat-toolbar-mobile-height: 52px;--mat-tree-node-min-height: 44px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-none: 0;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-background: var(--an-bg);--mat-sys-on-background: var(--an-text);--mat-sys-surface: var(--an-surface);--mat-sys-surface-bright: #1c1936;--mat-sys-surface-dim: var(--an-bg);--mat-sys-surface-container-lowest: #080614;--mat-sys-surface-container-low: var(--an-bg);--mat-sys-surface-container: var(--an-surface);--mat-sys-surface-container-high: var(--an-surface-2);--mat-sys-surface-container-highest: var(--an-surface-3);--mat-sys-on-surface: var(--an-text);--mat-sys-on-surface-variant: var(--an-text-dim);--mat-sys-outline: var(--an-line-strong);--mat-sys-outline-variant: var(--an-line);--mat-sys-inverse-surface: var(--an-text);--mat-sys-inverse-on-surface: var(--an-bg);--mat-sys-shadow: #000000;--mat-sys-scrim: rgba(0, 0, 0, .6);--mat-sys-error: var(--color-error);--mat-sys-on-error: #ffffff;--mat-sys-corner-extra-large: 20px;--mat-sys-corner-extra-large-top: 20px 20px 0 0;--mat-sys-corner-large: 18px;--mat-sys-corner-large-start: 18px 0 0 18px;--mat-sys-corner-large-end: 0 18px 18px 0;--mat-sys-corner-large-top: 18px 18px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-small: 8px;--mat-sys-corner-full: 9999px;--mat-sys-level0: 0 0 0 0 rgba(0, 0, 0, 0);--mat-sys-level1: 0 1px 2px 0 rgba(0, 0, 0, .32);--mat-sys-level2: 0 4px 8px 0 rgba(0, 0, 0, .4);--mat-sys-level3: 0 6px 12px 0 rgba(0, 0, 0, .48);--mat-sys-level4: 0 12px 24px 0 rgba(0, 0, 0, .52);--mat-sys-level5: 0 16px 32px 0 rgba(0, 0, 0, .56);--mat-card-elevated-container-color: var(--an-glass-bg);--mat-card-elevated-container-shape: var(--mat-sys-corner-large);--mat-card-elevated-container-elevation: none;--mat-card-filled-container-color: var(--an-surface);--mat-card-filled-container-shape: var(--mat-sys-corner-large);--mat-card-outlined-container-color: var(--an-glass-bg);--mat-card-outlined-outline-color: var(--an-line);--mat-card-outlined-container-shape: var(--mat-sys-corner-large);--mat-card-subtitle-text-color: var(--an-text-dim);--mat-button-filled-container-color: var(--color-primary);--mat-button-filled-label-text-color: white;--mat-button-filled-container-shape: var(--mat-sys-corner-full);--mat-button-outlined-container-shape: var(--mat-sys-corner-full);--mat-button-outlined-outline-color: var(--an-line-strong);--mat-button-outlined-label-text-color: var(--an-text);--mat-button-outlined-state-layer-color: white;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-text-container-shape: var(--mat-sys-corner-full);--mat-button-text-label-text-color: var(--an-text-dim);--mat-button-text-state-layer-color: white;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-protected-container-shape: var(--mat-sys-corner-full);--mat-button-protected-container-color: var(--an-surface-2);--mat-button-protected-label-text-color: var(--an-text);--mat-icon-button-container-shape: 50%;--mat-icon-button-icon-color: var(--an-text);--mat-icon-button-state-layer-color: white;--mat-dialog-container-color: var(--an-surface-2);--mat-dialog-container-shape: var(--mat-sys-corner-extra-large);--mat-bottom-sheet-container-background-color: var(--an-surface-2);--mat-bottom-sheet-container-shape: var(--mat-sys-corner-extra-large-top);--mat-snack-bar-container-color: var(--an-surface-3);--mat-snack-bar-container-shape: var(--mat-sys-corner-medium);--mat-snack-bar-supporting-text-color: var(--an-text);--mat-snack-bar-button-color: var(--color-accent);--mat-progress-bar-active-indicator-color: var(--color-primary);--mat-progress-bar-track-color: rgba(255, 255, 255, .06);--mat-progress-bar-active-indicator-height: 8px;--mat-progress-bar-track-height: 8px;--mat-progress-bar-track-shape: var(--mat-sys-corner-full);--mat-tab-active-indicator-color: var(--color-primary);--mat-tab-active-label-text-color: white;--mat-tab-inactive-label-text-color: var(--an-text-dim);--mat-tab-divider-color: var(--an-line);--mat-toolbar-container-background-color: var(--an-surface);--mat-toolbar-container-text-color: var(--an-text);--mat-menu-container-color: var(--an-surface-2);--mat-menu-container-shape: var(--mat-sys-corner-medium);--mat-menu-item-label-text-color: var(--an-text);--mat-menu-item-icon-color: var(--an-text-dim);--mat-menu-divider-color: var(--an-line);--mat-list-list-item-container-color: transparent;--mat-list-list-item-label-text-color: var(--an-text);--mat-list-list-item-supporting-text-color: var(--an-text-dim);--mat-list-list-item-leading-icon-color: var(--an-text-dim);--mat-chip-container-shape-radius: var(--mat-sys-corner-full);--mat-chip-outline-color: var(--an-line);--mat-chip-label-text-color: var(--an-text-dim);--mat-chip-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-badge-background-color: var(--color-accent);--mat-badge-text-color: white;--mat-form-field-filled-container-color: var(--an-surface-2);--mat-form-field-filled-container-shape: var(--mat-sys-corner-medium);--mat-form-field-outlined-container-shape: var(--mat-sys-corner-medium);--mat-form-field-outlined-outline-color: var(--an-line);--mat-form-field-outlined-focus-outline-color: var(--color-primary);--mat-form-field-filled-input-text-color: var(--an-text);--mat-form-field-filled-label-text-color: var(--an-text-mute);--mat-form-field-outlined-input-text-color: var(--an-text);--mat-form-field-outlined-label-text-color: var(--an-text-mute);--mat-autocomplete-background-color: var(--an-surface-3);--mat-autocomplete-container-shape: var(--mat-sys-corner-medium);--mat-tooltip-container-color: var(--an-surface-3);--mat-tooltip-supporting-text-color: var(--an-text);--mat-tooltip-container-shape: var(--mat-sys-corner-small);--mat-sidenav-container-background-color: var(--an-surface);--mat-sidenav-container-text-color: var(--an-text);--mat-sidenav-container-shape: 0 var(--mat-sys-corner-large) var(--mat-sys-corner-large) 0;--mat-sidenav-scrim-color: rgba(0, 0, 0, .5);--mat-slider-active-track-color: var(--color-primary);--mat-slider-inactive-track-color: rgba(255, 255, 255, .12);--mat-slider-handle-color: var(--color-primary);--mat-slider-hover-handle-color: var(--color-primary-light);--mat-slider-focus-handle-color: var(--color-primary-light);--mat-slider-label-container-color: var(--an-surface-3);--mat-slider-label-label-text-color: var(--an-text);--mat-divider-color: var(--an-line);--mat-checkbox-selected-icon-color: var(--color-primary);--mat-checkbox-selected-hover-icon-color: var(--color-primary-light);--mat-checkbox-selected-focus-icon-color: var(--color-primary-light);--mat-checkbox-unselected-icon-color: var(--an-text-dim);--mat-checkbox-unselected-hover-icon-color: var(--an-text);--mat-radio-selected-icon-color: var(--color-primary);--mat-radio-unselected-icon-color: var(--an-text-dim);--mat-slide-toggle-selected-handle-color: white;--mat-slide-toggle-selected-track-color: var(--color-primary);--mat-slide-toggle-unselected-handle-color: var(--an-text-dim);--mat-slide-toggle-unselected-track-color: var(--an-surface-3);--mat-option-selected-state-label-text-color: var(--an-text);--mat-option-selected-state-layer-color: var(--an-purple-bg);--mat-option-hover-state-layer-color: rgba(255, 255, 255, .06);--mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);--mat-option-label-text-color: var(--an-text)}html,body{height:100%;margin:0}body{background:var(--mat-sys-background);color:var(--mat-sys-on-background);font-family:var(--mat-sys-body-large-font)}.notif-overlay{background:transparent}.notif-panel{width:320px;max-width:calc(100vw - 32px);max-height:420px;display:flex;flex-direction:column;border-radius:14px;background:#100c1ef7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 32px #00000080;overflow:hidden}.notif-panel .notif-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.notif-panel .notif-heading{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--an-text)}.notif-panel .notif-mark-all{all:unset;box-sizing:border-box;cursor:pointer;font-size:11px;color:var(--color-primary-light, var(--color-primary))}.notif-panel .notif-mark-all:hover{text-decoration:underline}.notif-panel .notif-list{overflow-y:auto}.notif-panel .notif-empty{padding:28px 14px;text-align:center;font-size:12px;color:var(--an-text-mute)}.notif-panel .notif-spinner{display:inline-block;width:24px;height:24px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--color-primary-light);animation:notif-spin .9s linear infinite}@keyframes notif-spin{to{transform:rotate(360deg)}}.notif-panel .notif-item{all:unset;box-sizing:border-box;display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;cursor:pointer;position:relative;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.notif-panel .notif-item:hover{background:#ffffff0a}.notif-panel .notif-item.unread{background:#7c4dff0f}.notif-panel .unread-dot{position:absolute;left:5px;top:18px;width:6px;height:6px;border-radius:50%;background:var(--an-grad, var(--color-primary))}.notif-panel .notif-icon{flex-shrink:0;display:inline-flex;color:var(--an-text-dim);margin-top:1px}.notif-panel .notif-body{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-panel .notif-title{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--an-text)}.notif-panel .notif-preview{font-size:12px;color:var(--an-text-dim);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.notif-panel .notif-time{font-size:10px;color:var(--an-text-mute);margin-top:2px}.an-login-dialog.an-adaptive-dialog .mat-mdc-dialog-surface{background:var(--an-surface);border:1px solid var(--an-glass-border);border-radius:18px}.an-login-dialog.an-adaptive-bottom-sheet .mat-bottom-sheet-container{background:linear-gradient(180deg,#1a1730,#14122a);border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:22px 22px 0 0}.an-expired-dialog.an-adaptive-dialog .mat-mdc-dialog-surface{background:var(--an-surface);border:1px solid var(--an-glass-border);border-radius:18px}.an-rules-dialog.an-adaptive-dialog{max-width:400px}.an-rules-dialog.an-adaptive-dialog .mat-mdc-dialog-surface{background:var(--an-surface);border:1px solid var(--an-glass-border);border-radius:18px}.an-lightbox-dialog.an-adaptive-dialog{max-width:min(400px,90vw)}.an-lightbox-dialog.an-adaptive-dialog .mat-mdc-dialog-surface{background:transparent;border:none;border-radius:16px;backdrop-filter:none;-webkit-backdrop-filter:none}