@charset "UTF-8";:root{--color-primary-start: #d81f6a;--color-primary-end: #b3195a;--color-primary-light: #e0498a;--color-primary-very-light: #e0709e;--color-accent-start: #ff2e7e;--color-accent-end: #ff7a3d;--color-accent: #fb8602;--color-accent-dark: #af5d01;--color-accent-light: #ffa03e;--color-accent-very-light: #fda94b;--color-section-label: #c0396f;--color-white: #ffffff;--color-black: #000000;--color-apple-music: #ff4e6b;--color-apple-music-shadow: rgba(255, 78, 107, .3);--color-apple-music-shadow-hover: rgba(255, 78, 107, .4);--color-youtube-music: #ff0000;--color-youtube-music-shadow: rgba(255, 0, 0, .3);--color-youtube-music-shadow-hover: rgba(255, 0, 0, .4);--color-amazon-music: #00a8e1;--color-amazon-music-shadow: rgba(0, 168, 225, .3);--color-amazon-music-shadow-hover: rgba(0, 168, 225, .4);--color-deezer: #a238ff;--color-deezer-shadow: rgba(162, 56, 255, .3);--color-deezer-shadow-hover: rgba(162, 56, 255, .4);--color-tidal: #00b3d6;--color-tidal-shadow: rgba(0, 179, 214, .3);--color-tidal-shadow-hover: rgba(0, 179, 214, .4);--color-spotify: #1db954;--color-spotify-shadow: rgba(29, 185, 84, .3);--color-spotify-shadow-hover: rgba(29, 185, 84, .4);--color-soundcloud: #ff5500;--color-soundcloud-shadow: rgba(255, 85, 0, .3);--color-soundcloud-shadow-hover: rgba(255, 85, 0, .4);--color-youtube: #282828;--color-youtube-shadow: rgba(40, 40, 40, .3);--color-youtube-shadow-hover: rgba(40, 40, 40, .4);--color-text-primary: #1b1417;--color-text-secondary: #6b6169;--color-text-tertiary: #9a909a;--color-text-muted: #7c717a;--color-bg-darkest: #e9e3e6;--color-bg-dark: #ffffff;--color-surface: #faf7f8;--color-bg-light: #f6eef2;--color-bg-lighter: #f1e8ec;--color-bg-highlight: #fdeef4;--color-bg-secondary: #f6eef2;--color-bg-error: #fdecec;--color-border: #efe4ea;--color-border-light: #f4ecf0;--color-success-bg: #e7f7ee;--color-success-text: #12864e;--color-warning-bg: #fdf1e3;--color-warning-text: #b3690a;--color-danger-bg: #fde8e8;--color-danger-text: #b3261e;--color-info-bg: #e8f0fe;--color-info-text: #2c5fb3;--color-error-text: #b3261e;--color-shadow-dark: rgba(60, 20, 40, .12);--color-shadow-light: rgba(22, 11, 19, .55);--color-primary-shadow: rgba(216, 31, 106, .26);--color-primary-shadow-hover: rgba(216, 31, 106, .36);--color-primary-shadow-focus: rgba(216, 31, 106, .45);--color-surface-shadow: rgba(120, 30, 70, .18);--gradient-primary: linear-gradient(135deg, var(--color-accent-start) 0%, var(--color-accent-end) 100%);--gradient-hero: linear-gradient(160deg, var(--color-accent-start) 0%, var(--color-accent-end) 100%);--gradient-warm: linear-gradient(135deg, var(--color-primary-start) 0%, var(--color-accent) 100%);--gradient-soft-card: linear-gradient(135deg, #ffffff, #fdeef4);--color-soft-card-border: #f4dbe6;--color-divider: #ece1e7;--color-handle: #e5dbe0;--color-camera: #160b13;--color-chip-text: #3d353b;--button-primary-bg: var(--color-primary-start);--button-primary-text: #ffffff;--hero-cta-bg: #ffffff;--hero-cta-text: #d81f6a;--color-on-accent: #ffffff;--filter-pill-active-bg: #1b1417;--filter-pill-active-text: #ffffff;--seg-active-bg: #1b1417;--seg-active-text: #ffffff;--font-family-base: "Manrope Variable", "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 40px;--spacing-4xl: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--transition-fast: .2s;--max-width-container: 600px;--max-width-container-wide: 800px;--max-width-dialog: 400px;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.8;color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--color-primary-start: #ff7aae;--color-primary-end: #e0498a;--color-primary-light: #ff7aae;--color-primary-very-light: #ff5c9a;--color-section-label: #ff7aae;--color-text-primary: #ffffff;--color-text-secondary: #b99aae;--color-text-tertiary: #a98ba0;--color-text-muted: #a98ba0;--color-bg-darkest: #0d060b;--color-bg-dark: #1d101a;--color-surface: #160b13;--color-bg-light: #2a1420;--color-bg-lighter: #33202c;--color-bg-highlight: #2a1420;--color-bg-secondary: #22131d;--color-bg-error: #3a1515;--color-border: #2a1a24;--color-border-light: #241621;--color-divider: #2a1a24;--color-handle: #3a2432;--color-camera: #0d0710;--color-chip-text: #ecd9e5;--color-error-text: #ffb3ab;--color-danger-text: #ffb3ab;--color-danger-bg: #3a1515;--color-shadow-dark: rgba(0, 0, 0, .4);--color-shadow-light: rgba(0, 0, 0, .65);--color-surface-shadow: rgba(0, 0, 0, .6);--gradient-soft-card: linear-gradient(135deg, #2a1420, #1d101a);--color-soft-card-border: #2a1a24;--button-primary-bg: var(--gradient-primary);--hero-cta-bg: #160b13;--hero-cta-text: #ffffff;--color-on-accent: #160b13;--filter-pill-active-bg: var(--gradient-primary);--filter-pill-active-text: #ffffff;--seg-active-bg: #ffffff;--seg-active-text: #160b13}*{box-sizing:border-box}@keyframes dialog-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}dialog[open]{animation:dialog-fade-in .3s cubic-bezier(.32,.72,0,1)}dialog[open]::backdrop{animation:backdrop-fade-in .3s ease}dialog::backdrop{transition:opacity .25s ease}dialog.sheet-closing::backdrop{opacity:0}@media(max-width:600px){dialog[open]{animation:sheet-slide-up .35s cubic-bezier(.32,.72,0,1)}}.base-body{font-family:var(--font-family-base);background:var(--color-bg-darkest);min-height:100vh;margin:0;padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);-webkit-font-smoothing:antialiased}.container{background:var(--color-surface);border-radius:28px;margin:0 auto;width:100%;max-width:var(--max-width-container);overflow:hidden;box-shadow:0 30px 80px var(--color-surface-shadow);padding:var(--spacing-2xl);text-align:center}.container-left{text-align:left}.container-wide{max-width:var(--max-width-container-wide);padding:var(--spacing-4xl)}.section-label{font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-section-label);font-weight:var(--font-weight-bold)}.start-button{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background:var(--button-primary-bg);color:var(--button-primary-text);text-decoration:none;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 10px 24px var(--color-primary-shadow);text-align:center;font-family:inherit}.start-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px var(--color-primary-shadow-hover)}.start-button:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-shadow-focus)}.button-apple-music{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-apple-music);color:var(--color-white);text-decoration:none;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 6px 16px var(--color-apple-music-shadow);text-align:center;font-family:inherit}.button-apple-music:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--color-apple-music-shadow-hover)}.button-youtube-music{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-youtube-music);color:var(--color-white);text-decoration:none;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 6px 16px var(--color-youtube-music-shadow);text-align:center;font-family:inherit}.button-youtube-music:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--color-youtube-music-shadow-hover)}.button-amazon-music{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-amazon-music);color:var(--color-white);text-decoration:none;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 6px 16px var(--color-amazon-music-shadow);text-align:center;font-family:inherit}.button-amazon-music:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--color-amazon-music-shadow-hover)}.button-deezer{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-deezer);color:var(--color-white);text-decoration:none;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 6px 16px var(--color-deezer-shadow);text-align:center;font-family:inherit}.button-deezer:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--color-deezer-shadow-hover)}.button-tidal{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-tidal);color:var(--color-white);text-decoration:none;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 6px 16px var(--color-tidal-shadow);text-align:center;font-family:inherit}.button-tidal:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--color-tidal-shadow-hover)}.button-full{width:100%}.button-select{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-light);color:var(--color-text-primary);text-decoration:none;border:none;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);text-align:center;font-family:inherit;width:100%}.button-select:hover{transform:translateY(-2px);background-color:var(--color-bg-lighter)}.start-button:focus,.button-select.active{background:var(--button-primary-bg);color:var(--button-primary-text);outline:none;box-shadow:0 0 0 3px var(--color-primary-shadow-focus)}.button-select.active:hover{box-shadow:0 6px var(--spacing-lg) var(--color-primary-shadow-hover)}.footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:center}.footer a{color:var(--color-primary-start);text-decoration:none}.footer a:hover{text-decoration:underline}.dialog{padding:0;border:none;border-radius:var(--radius-xl);max-width:var(--max-width-dialog);width:80%;background:var(--color-bg-dark)}.dialog::backdrop{background-color:var(--color-shadow-light)}.dialog-content{padding:var(--spacing-2xl);text-align:center}.dialog-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg)}.dialog-title{margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary)}.dialog-text{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:var(--font-size-sm)}.dialog-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media(max-width:600px){.base-body{padding:0;background:var(--color-surface)}.container{border-radius:0;box-shadow:none;min-height:100vh;padding:var(--spacing-md);padding-bottom:100px}.container-wide{padding:var(--spacing-md);padding-bottom:100px}}