.animation-fill-both{animation-fill-mode:both}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-bg-main: #0b0d10;--color-bg-alt: #121418;--color-surface: #1a1d22;--color-surface-alt: #20242a;--color-border: #2b2f36;--color-text-main: #f5f6f8;--color-text-muted: #9ca2ad;--color-text-disabled: #6c737e;--color-accent-primary: #e66ba4;--color-accent-primary-light: #f08bbd;--color-accent-primary-dark: #b94f84;--color-accent-primary-glow: rgba(230, 107, 164, .45);--color-accent-secondary: #66b0fb;--color-accent-secondary-light: #90c7fc;--color-accent-secondary-dark: #4a88c8;--color-accent-secondary-glow: rgba(102, 176, 251, .45);--color-hud-grid: rgba(255, 255, 255, .03);--color-hud-line: rgba(255, 255, 255, .08);--color-hud-highlight: rgba(255, 255, 255, .12);--color-success: #3dd68c;--color-warning: #ffb74a;--color-danger: #ff5f5f;--color-info: #4fc3f7;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .45);--shadow-inset: inset 0 1px 3px rgba(0, 0, 0, .3);--shadow-glow-primary: 0 0 12px var(--color-accent-primary-glow);--shadow-glow-secondary: 0 0 12px var(--color-accent-secondary-glow);--font-main: "Inter", "Segoe UI", sans-serif;--font-heading: "Orbitron", "Segoe UI", sans-serif;--header-1-size: 2.5rem;--header-2-size: 2rem;--header-3-size: 1.5rem;--header-4-size: 1.25rem;--text-lg: 1.125rem;--text-md: 1rem;--text-sm: .875rem;--text-xs: .75rem;--line-height-heading: 1.2;--line-height-body: 1.5;--space-xxs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999rem;--opacity-hover: .85;--opacity-disabled: .5;--opacity-overlay: .75;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-xxl: 1536px;--transition-fast: .15s ease-in-out;--transition-medium: .3s ease-in-out;--transition-slow: .5s ease-in-out;--anim-scale-up: transform .2s ease-out;--anim-scale-down: transform .15s ease-in;--anim-fade: opacity .25s ease-in-out;--anim-slide: transform .3s cubic-bezier(.25, .8, .25, 1);--border-thin: 1px;--border-medium: 2px;--border-thick: 4px;--border-style: solid;--gradient-hud: linear-gradient( 180deg, rgba(255, 255, 255, .04), rgba(0, 0, 0, .3) );--gradient-panel: linear-gradient( 180deg, rgba(230, 107, 164, .1), rgba(102, 176, 251, .1) );--container-padding: var(--space-lg);--section-spacing: var(--space-xl);--z-tooltip: 1000;--z-overlay: 1100;--z-modal: 1200;--z-popover: 1300;--z-max: 9999;--padding-card-vertical: var(--space-lg);--padding-card-horizontal: var(--space-xl);--padding-input-vertical: var(--space-xs);--padding-input-horizontal: var(--space-xs);--padding-button-vertical: var(--space-sm);--padding-button-horizontal: var(--space-md);--margin-card-vertical: var(--space-lg);--margin-card-horizontal: var(--space-xl);--margin-input-vertical: var(--space-sm);--margin-input-horizontal: var(--space-md);--margin-button-vertical: var(--space-sm);--margin-button-horizontal: var(--space-md)}#root{background-color:var(--color-bg-main);min-height:100vh;overflow-x:hidden}.light{--color-bg-main: #f9fafc;--color-bg-alt: #f0f2f5;--color-surface: #ffffff;--color-surface-alt: #e9edf2;--color-border: #d2d6de;--color-text-main: #1a1c20;--color-text-muted: #5a5f69;--color-text-disabled: #9ba1ac;--color-accent-primary: #d64a8c;--color-accent-primary-light: #e873aa;--color-accent-primary-dark: #a6366b;--color-accent-primary-glow: rgba(214, 74, 140, .45);--color-accent-secondary: #3689e6;--color-accent-secondary-light: #6ca9f0;--color-accent-secondary-dark: #2763a8;--color-accent-secondary-glow: rgba(54, 137, 230, .45);--color-hud-grid: rgba(0, 0, 0, .03);--color-hud-line: rgba(0, 0, 0, .08);--color-hud-highlight: rgba(0, 0, 0, .12);--color-success: #28a86d;--color-warning: #e69500;--color-danger: #e23d3d;--color-info: #1e96d4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 6px rgba(0, 0, 0, .12);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-inset: inset 0 1px 3px rgba(0, 0, 0, .08);--shadow-glow-primary: 0 0 12px var(--color-accent-primary-glow);--shadow-glow-secondary: 0 0 12px var(--color-accent-secondary-glow)}body,html{overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box;color:var(--text-secondary);scrollbar-color:var(--color-bg-alt) var(--color-bg-main);scrollbar-width:thin}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-thumb{background:var(--color-bg-alt);border-radius:32px}*::-webkit-scrollbar-thumb:hover{background:var(--color-bg-alt)}*::-webkit-scrollbar-track{background:var(--color-bg-main)}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--color-bg-alt) var(--color-bg-main)}}h1,h2,h3,h4,h5,h6{color:var(--color-text-main);font-family:var(--font-heading)}p,span{color:var(--color-text-main);font-family:var(--font-main)}label{color:var(--color-text-muted);font-family:var(--font-main);font-size:var(--text-md);text-align:left;width:100%}a{color:var(--color-info);text-decoration:none}svg{color:var(--color-text-main)}button{position:relative;background:var(--color-surface-alt);color:var(--color-text-main);border:none;padding:var(--padding-button-vertical) var(--padding-button-horizontal);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;font-weight:600;transition:background .3s ease,color .3s ease;min-width:100px}button:hover{background:var(--color-surface)}button:before,button:after,button::nth-child(1):before{content:"";position:absolute;height:2px;width:0%;background-color:var(--color-surface-alt);left:50%;transform:translate(-50%);transition:width .4s ease,transform .4s ease}button:before{top:6px}button:after{bottom:6px}button:after{bottom:6px;box-shadow:0 0 6px var(--color-surface-alt)}button:hover:before,button:hover:after{width:90%}button:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#ffffff1a,#ffffff40,#ffffff1a);transform:skew(-20deg);transition:left .5s ease}button:hover:after{left:125%}button:disabled{background-color:var(--color-surface);cursor:default}textarea,input{background-color:var(--color-surface-alt);color:var(--color-text-main);border:var(--border-thin) solid var(--color-border);padding:var(--padding-input-vertical) var(--padding-input-horizontal);border-radius:var(--radius-sm);width:100%;box-sizing:border-box;resize:none}textarea:focus,input:focus{border-color:var(--color-accent-primary);outline:none}textarea:disabled,input:disabled{background-color:var(--color-bg-main);color:var(--color-text-disabled);cursor:not-allowed}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--color-border) inset;-webkit-text-fill-color:var(--color-text-main);transition:background-color 5000s ease-in-out 0s}.core-screen-loading{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-main);position:relative}.core-screen-loading-icon{width:50px;aspect-ratio:1;color:var(--color-accent-primary);background:currentColor;border-radius:50%;position:relative}.core-screen-loading-icon:before{content:"";position:absolute;background:radial-gradient(farthest-side at bottom right,#0000 94%,currentColor 96%) 0 0,radial-gradient(farthest-side at bottom left,#0000 94%,currentColor 96%) 100% 0,radial-gradient(farthest-side at top left,#0000 94%,currentColor 96%) 100% 100%,radial-gradient(farthest-side at top right,#0000 94%,currentColor 96%) 0 100%;background-size:25px 25px;background-repeat:no-repeat;animation:l39-1 1s infinite,l39-2 1s infinite}@keyframes l39-1{0%,10%,90%,to{inset:0}40%,60%{inset:-10px}}@keyframes l39-2{0%,40%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.core-screen-404{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-bg-main);position:relative}.core-screen-404-header{font-size:3rem;color:var(--color-accent-primary);font-weight:700}.core-screen-404-subheader{font-size:1.8rem;color:var(--color-text-muted)}.core-screen-404-back{margin-top:1.5rem}.spotify-controller{max-width:400px;margin:auto;text-align:center;position:fixed;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.8rem;bottom:.5rem;left:.5rem;background-color:var(--color-surface-alt);padding:var(--padding-input-vertical) var(--padding-input-horizontal);border-radius:var(--radius-lg);z-index:var(--z-modal)}.spotify-album-art{width:5rem;height:5rem;border-radius:var(--radius-md)}.spotify-song-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;margin-right:.3rem;width:12rem}.spotify-song-info>h2{font-size:.9rem;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.spotify-song-info>h3{font-size:.8rem;color:var(--color-text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.spotify-song-info>p{font-size:.8rem;color:var(--color-text-muted)}.spotify-song-info *{line-height:1.1rem}.spotify-progress-bar{height:5px;background:var(--color-bg-alt);border-radius:var(--radius-full);margin:10px 0;width:100%;overflow:hidden}.spotify-progress-fill{height:100%;background:var(--color-accent-primary);border-radius:var(--radius-full);transition:width 1s linear}.spotify-controls button{margin:0 5px}.notifications-panel{position:fixed;bottom:var(--space-md);right:var(--space-md);z-index:var(--z-popover);display:flex;flex-direction:column;width:300px;gap:var(--space-sm)}.notification{background:var(--color-surface-alt);color:var(--color-text-main);padding:1rem 1.5rem 1rem 3rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);transition:transform .4s ease,opacity .4s ease,margin .4s ease;opacity:0;transform:translate(100%);position:relative}.notification.enter{opacity:1;transform:translate(0)}.notification.exit{opacity:0;transform:translate(100%);margin-bottom:0}.notification-accent{position:absolute;left:0;top:50%;transform:translateY(-50%);width:2.5rem;height:100%;border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.notification-accent>svg{width:50%;aspect-ratio:1 / 1}.notification.danger .notification-accent{background-color:var(--color-danger)}.notification.success .notification-accent{background-color:var(--color-success)}.notification.info .notification-accent{background-color:var(--color-info)}.notification.warning .notification-accent{background-color:var(--color-warning)}.context-menu{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-main);padding:.5rem;border-radius:var(--radius-sm);list-style:none;z-index:10000;min-width:150px}.context-menu li{padding:.25rem .5rem;cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-xxs) var(--space-sm)}.context-menu li:hover{background:var(--color-surface-alt)}