html{--mat-sys-background: #101414;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2d3131;--mat-sys-inverse-primary: #006a6a;--mat-sys-inverse-surface: #e0e3e2;--mat-sys-on-background: #e0e3e2;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003737;--mat-sys-on-primary-container: #00fbfb;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #1b3534;--mat-sys-on-secondary-container: #cce8e7;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #e0e3e2;--mat-sys-on-surface-variant: #dae5e4;--mat-sys-on-tertiary: #502400;--mat-sys-on-tertiary-container: #ffdcc7;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #889392;--mat-sys-outline-variant: #3f4948;--mat-sys-primary: #00dddd;--mat-sys-primary-container: #004f4f;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #b0cccb;--mat-sys-secondary-container: #324b4b;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #101414;--mat-sys-surface-bright: #363a39;--mat-sys-surface-container: #1c2020;--mat-sys-surface-container-high: #272b2a;--mat-sys-surface-container-highest: #313635;--mat-sys-surface-container-low: #191c1c;--mat-sys-surface-container-lowest: #0b0f0e;--mat-sys-surface-dim: #101414;--mat-sys-surface-tint: #00dddd;--mat-sys-surface-variant: #3f4948;--mat-sys-tertiary: #ffb787;--mat-sys-tertiary-container: #723600;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--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 Roboto;--mat-sys-body-large-font: Roboto;--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 Roboto;--mat-sys-body-medium-font: Roboto;--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 Roboto;--mat-sys-body-small-font: Roboto;--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 Roboto;--mat-sys-display-large-font: Roboto;--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 Roboto;--mat-sys-display-medium-font: Roboto;--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 Roboto;--mat-sys-display-small-font: Roboto;--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 Roboto;--mat-sys-headline-large-font: Roboto;--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 Roboto;--mat-sys-headline-medium-font: Roboto;--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 Roboto;--mat-sys-headline-small-font: Roboto;--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 Roboto;--mat-sys-label-large-font: Roboto;--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 Roboto;--mat-sys-label-medium-font: Roboto;--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 Roboto;--mat-sys-label-small-font: Roboto;--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 Roboto;--mat-sys-title-large-font: Roboto;--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 Roboto;--mat-sys-title-medium-font: Roboto;--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 Roboto;--mat-sys-title-small-font: Roboto;--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-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-full: 9999px;--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-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--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}@tailwind base;@tailwind components;@tailwind utilities;html,body{height:100%}body{margin:0;font-family:Work Sans,sans-serif}.app-shell{--theme-bg: #1a1a1a;--theme-surface: rgba(18, 18, 18, .88);--theme-surface-strong: #1a1a1a;--theme-border: rgba(255, 255, 255, .08);--theme-text: #f3f3f3;--theme-muted: rgba(255, 255, 255, .65);--theme-accent: #e6d2a1;--theme-accent-strong: #f3e3c1;--theme-glow: rgba(230, 210, 161, .22);color:var(--theme-text)}.app-shell.theme-gold{--theme-bg: #151515;--theme-surface: rgba(20, 18, 15, .88);--theme-surface-strong: #1b1814;--theme-border: rgba(230, 208, 160, .22);--theme-text: #f6f1e7;--theme-muted: rgba(246, 241, 231, .7);--theme-accent: #e6d2a1;--theme-accent-strong: #f6e7c2;--theme-glow: rgba(230, 210, 161, .28)}.app-shell.theme-red{--theme-bg: #120807;--theme-surface: rgba(26, 12, 10, .88);--theme-surface-strong: #1c0d0b;--theme-border: rgba(180, 60, 34, .28);--theme-text: #f5ebe7;--theme-muted: rgba(245, 235, 231, .65);--theme-accent: #cf5a38;--theme-accent-strong: #e57a52;--theme-glow: rgba(180, 60, 34, .32)}.app-main{background-color:var(--theme-bg)}.layout-content-container{background:#141414bf!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06)}.cards-glass .layout-content-container{background:#12121299!important;background-color:transparent!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.cards-solid .layout-content-container{background:#1a1a1afa!important;-webkit-backdrop-filter:none;backdrop-filter:none}.cards-glass .featured-card,.cards-glass .track-card,.cards-glass .short-card,.cards-glass .video-card,.cards-glass .store-card,.cards-glass .news-card,.cards-glass .tour-card,.cards-glass .store-modal{position:relative;overflow:hidden;border-radius:16px;background:#1010109e!important;border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px #0000008c;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cards-glass .featured-card>*,.cards-glass .track-card>*,.cards-glass .short-card>*,.cards-glass .video-card>*,.cards-glass .store-card>*,.cards-glass .news-card>*,.cards-glass .tour-card>*,.cards-glass .store-modal>*{position:relative;z-index:1}.cards-glass .featured-card:before,.cards-glass .track-card:before,.cards-glass .short-card:before,.cards-glass .video-card:before,.cards-glass .store-card:before,.cards-glass .news-card:before,.cards-glass .tour-card:before,.cards-glass .store-modal:before{content:"";position:absolute;inset:-20% -10% auto;height:160px;background:radial-gradient(closest-side,rgba(230,210,161,.18),transparent 70%);opacity:.6;pointer-events:none;z-index:0}.cards-glass .featured-card:after,.cards-glass .track-card:after,.cards-glass .short-card:after,.cards-glass .video-card:after,.cards-glass .store-card:after,.cards-glass .news-card:after,.cards-glass .tour-card:after,.cards-glass .store-modal:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%);opacity:.5;pointer-events:none;z-index:0}.cards-glass .featured-card:hover,.cards-glass .track-card:hover,.cards-glass .short-card:hover,.cards-glass .video-card:hover,.cards-glass .store-card:hover,.cards-glass .news-card:hover,.cards-glass .tour-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px #0009;border-color:#ffffff1f}.cards-glass .store-modal-panel{background:#0e0e0e99!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cards-glass .store-modal-panel{background:#0e0e0e8c!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cards-solid .featured-card,.cards-solid .track-card,.cards-solid .short-card,.cards-solid .video-card,.cards-solid .store-card,.cards-solid .news-card,.cards-solid .tour-card,.cards-solid .store-modal{background:#1f1f1f!important}.cards-solid .store-modal-panel{background:#1a1a1a!important}.cards-background .layout-content-container{background:url(/assets/images/backgrounds/backgroundCards.png) center/cover no-repeat!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 48px #0009}.cards-background .featured-card,.cards-background .track-card,.cards-background .short-card,.cards-background .video-card,.cards-background .store-card,.cards-background .news-card,.cards-background .tour-card,.cards-background .store-modal{background:#0c0c0c8c!important;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cards-background .store-modal-panel{background:#0000008c!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-gold .layout-content-container{background:#14120fe0!important;border:1px solid var(--theme-border);box-shadow:0 20px 40px #00000073,0 0 30px var(--theme-glow)}.theme-red .layout-content-container{background:#180c0ae0!important;border:1px solid var(--theme-border);box-shadow:0 20px 40px #00000073,0 0 30px var(--theme-glow)}.edit-home-btn{background:#ffffffe6;color:#111;border:1px solid rgba(0,0,0,.15)}.theme-gold .subscribe-button,.theme-gold .btn-gold{border-color:var(--theme-accent);color:var(--theme-text);box-shadow:0 0 18px #e6d2a140}.theme-red .subscribe-button,.theme-red .btn-gold{border-color:var(--theme-accent);color:var(--theme-text);box-shadow:0 0 18px #cf5a3847}.theme-gold a,.theme-red a{color:var(--theme-text)}