:root{--color-primary-start: #c81a67;--color-primary-end: #a01555;--color-primary-light: #e63f89;--color-primary-very-light: #ed7bae;--color-accent: #fb8602;--color-accent-dark: #af5d01;--color-accent-light: #ffa03e;--color-accent-very-light: #fda94b;--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-text-primary: #333333;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-text-muted: #555555;--color-bg-light: #f5f5f5;--color-bg-lighter: #e0e0e0;--color-bg-highlight: #fff5f7;--color-bg-secondary: #4a1a2e;--color-bg-error: #fee2e2;--color-border: #e0e0e0;--color-border-light: #dddddd;--color-error-text: #991b1b;--color-shadow-dark: rgba(0, 0, 0, .3);--color-shadow-light: rgba(0, 0, 0, .7);--color-primary-shadow: rgba(200, 26, 103, .3);--color-primary-shadow-hover: rgba(200, 26, 103, .4);--color-primary-shadow-focus: rgba(200, 26, 103, .5);--gradient-primary: linear-gradient(135deg, var(--color-primary-start) 0%, var(--color-primary-end) 100%);--gradient-warm: linear-gradient(135deg, var(--color-primary-start) 0%, var(--color-accent) 100%);--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: 8px;--radius-md: 12px;--radius-lg: 16px;--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;--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}*{box-sizing:border-box}.base-body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--gradient-warm);min-height:100vh;margin:0;padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center}.container{background:var(--color-white);border-radius:var(--radius-lg);margin:0 auto;width:100%;max-width:var(--max-width-container);overflow:hidden;box-shadow:0 var(--spacing-lg) 60px var(--color-shadow-dark);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)}.start-button{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background:var(--gradient-primary);color:var(--color-white);text-decoration:none;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px var(--spacing-sm) var(--color-primary-shadow);text-align:center;font-family:inherit}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px var(--spacing-lg) 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-semibold);font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px var(--spacing-sm) var(--color-apple-music-shadow);text-align:center;font-family:inherit}.button-apple-music:hover{transform:translateY(-2px);box-shadow:0 6px var(--spacing-lg) 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-semibold);font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px var(--spacing-sm) var(--color-youtube-music-shadow);text-align:center;font-family:inherit}.button-youtube-music:hover{transform:translateY(-2px);box-shadow:0 6px var(--spacing-lg) 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-semibold);font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px var(--spacing-sm) var(--color-amazon-music-shadow);text-align:center;font-family:inherit}.button-amazon-music:hover{transform:translateY(-2px);box-shadow:0 6px var(--spacing-lg) var(--color-amazon-music-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(--gradient-primary);color:var(--color-white);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-lg);max-width:var(--max-width-dialog);width:80%}.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:var(--spacing-sm);padding-bottom:100px}.container,.container-wide{padding:var(--spacing-md)}}