@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Nunito:wght@400;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}body,html{background-color:var(--bg-page);background-image:linear-gradient(var(--bg-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid-line) 1px,transparent 1px);background-size:40px 40px;color:var(--color-text-primary);font-family:var(--font-body);min-height:100vh}h1,h2,h3{font-family:Orbitron,sans-serif;color:var(--color-text-primary);margin:0 0 var(--space-xs)}p{color:var(--color-text-secondary);margin:0 0 var(--space-xs)}strong{color:var(--color-text-primary)}.container,.page-container{width:100%;max-width:clamp(300px,90vw,700px);margin:0 auto;padding:var(--space-lg) var(--space-md);font-family:var(--font-body);color:var(--color-text-primary)}.btn-primary{font-family:Orbitron,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#001828;background:var(--gradient-chrome);border:none;border-radius:var(--radius-sm);padding:.75rem 1.8rem;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 0 18px #3296dc73,inset 0 1px #ffffff80;transition:transform .1s,box-shadow .15s}.btn-primary:disabled{opacity:.38;cursor:not-allowed}.btn-secondary{font-family:Orbitron,sans-serif;font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-lavender);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.75rem 1.5rem;cursor:pointer;transition:background .15s,border-color .15s}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--color-hint)}input[type=text],input[type=number]{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:.9rem;padding:.65rem .9rem;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=number]:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus-ring)}input::placeholder{color:var(--color-placeholder)}.search-results{display:flex;flex-direction:column;margin-bottom:var(--space-md);border:1px solid var(--border-header);border-radius:0;overflow:hidden}.track-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);border-bottom:1px solid var(--border-subtle);cursor:pointer;background:var(--bg-card);transition:background .15s}.track-item:last-child{border-bottom:none}.track-item.selected{background:var(--bg-selected);border-left:2px solid var(--color-lavender)}.track-item img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.track-info strong{color:var(--color-text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-body)}.repeat-section{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.repeat-section label{color:var(--color-text-secondary);font-family:var(--font-body);font-size:.9rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--color-lavender);border-radius:50%;animation:y2k-spin .8s linear infinite}@keyframes y2k-spin{to{transform:rotate(360deg)}}.fade-in{animation:y2k-fadeIn .4s ease forwards}.fade-in-delay-1{animation:y2k-fadeIn .4s ease .1s both}.fade-in-delay-2{animation:y2k-fadeIn .4s ease .2s both}.fade-in-delay-3{animation:y2k-fadeIn .4s ease .3s both}@keyframes y2k-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.container,.page-container{padding:var(--space-sm)}h2{font-size:1.15rem}.header-steps{display:none!important}.search-form{flex-direction:column}.search-form input{min-width:unset;width:100%}.source-choice-grid{grid-template-columns:1fr!important}.repeat-section input[type=number]{width:80px}.stats-grid{grid-template-columns:1fr 1fr!important}.action-row{flex-direction:column;align-items:stretch}.action-row button,.action-row a{width:100%!important;max-width:100%!important;justify-content:center}.review-toolbar{flex-direction:column;align-items:stretch}.review-toolbar>div,.review-toolbar>button{width:100%;justify-content:stretch}.review-toolbar>div{display:flex;gap:var(--space-sm)}.review-toolbar>div button{flex:1}}:root{--color-lavender: #89CFF0;--color-lavender-light: rgba(137, 207, 240, .14);--color-pink: #5BB8E8;--color-text-primary: #E8F4FF;--color-text-secondary: rgba(200, 230, 245, .9);--color-text-muted: rgba(160, 210, 235, .8);--color-text-track: #E8F4FF;--color-text-track-focus: #C8E8FF;--color-text-artist: #A0C8E0;--color-text-number: #6BAFD4;--color-text-stat: #8ABCD6;--color-placeholder: rgba(100, 175, 215, .5);--color-drag-handle: rgba(137, 207, 240, .45);--color-hint: rgba(137, 207, 240, .5);--color-glow-primary: rgba(137, 207, 240, .5);--bg-page: #020810;--bg-card: rgba(3, 10, 22, .88);--bg-card-deep: rgba(2, 5, 15, .7);--bg-input: rgba(2, 5, 15, .95);--bg-header: rgba(2, 8, 16, .85);--bg-hover: rgba(137, 207, 240, .08);--bg-selected: rgba(137, 207, 240, .14);--bg-stripe: rgba(137, 207, 240, .04);--bg-unselected: rgba(0, 0, 0, .35);--bg-info: rgba(50, 160, 220, .08);--bg-info-subtle: rgba(50, 160, 220, .06);--bg-grid-line: rgba(50, 130, 200, .06);--border-default: rgba(137, 207, 240, .22);--border-subtle: rgba(137, 207, 240, .1);--border-medium: rgba(137, 207, 240, .25);--border-strong: rgba(137, 207, 240, .38);--border-input: rgba(137, 207, 240, .45);--border-focus: rgba(137, 207, 240, .85);--border-header: rgba(137, 207, 240, .18);--shadow-sm: 0 4px 12px rgba(137, 207, 240, .12);--shadow-md: 0 8px 24px rgba(137, 207, 240, .18);--shadow-lg: 0 12px 40px rgba(137, 207, 240, .22);--shadow-header: 0 2px 20px rgba(137, 207, 240, .08);--shadow-focus-ring: 0 0 0 3px rgba(137, 207, 240, .15);--shadow-glow-lavender: 0 0 30px rgba(137, 207, 240, .4);--shadow-glow-pink: 0 0 30px rgba(91, 184, 232, .4);--shadow-glow-blue: 0 0 30px rgba(137, 207, 240, .4);--gradient-primary: linear-gradient(135deg, #89CFF0, #5BB8E8);--gradient-chrome: linear-gradient(180deg, #d4eeff 0%, #89CFF0 22%, #4ba8d4 50%, #2080b0 76%, #1060a0 100%);--gradient-bubble: linear-gradient(135deg, rgba(137, 207, 240, .15), rgba(91, 184, 232, .1));--gradient-glossy: linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, transparent 100%);--color-white: #E8F4FF;--color-surface: rgba(3, 10, 22, .88);--color-bg-primary: #020810;--color-bg-secondary: #030c18;--font-display: "Be Vietnam Pro", "Nunito", sans-serif;--font-body: "Be Vietnam Pro", "Nunito", sans-serif;--font-accent: "Be Vietnam Pro", sans-serif;--space-xs: .4rem;--space-sm: .75rem;--space-md: 1.2rem;--space-lg: 1.8rem;--space-xl: 2.4rem;--space-2xl: 3.2rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55)}[data-theme=light]{--color-lavender: #1a7bc4;--color-lavender-light: rgba(26, 123, 196, .12);--color-pink: #c0304a;--color-text-primary: #051824;--color-text-secondary: #1e4a6a;--color-text-muted: #3a7090;--color-text-track: #051824;--color-text-track-focus: #082040;--color-text-artist: #2a5a7a;--color-text-number: #2a6a9a;--color-text-stat: #2a6a9a;--color-placeholder: rgba(40, 100, 150, .5);--color-drag-handle: rgba(26, 123, 196, .4);--color-hint: rgba(26, 123, 196, .5);--color-glow-primary: rgba(26, 123, 196, .4);--bg-page: #f0f7ff;--bg-card: rgba(255, 255, 255, .95);--bg-card-deep: rgba(240, 248, 255, .98);--bg-input: rgba(255, 255, 255, .98);--bg-header: rgba(248, 252, 255, .92);--bg-hover: rgba(26, 123, 196, .07);--bg-selected: rgba(26, 123, 196, .12);--bg-stripe: rgba(26, 123, 196, .04);--bg-unselected: rgba(0, 0, 0, .04);--bg-info: rgba(26, 123, 196, .07);--bg-info-subtle: rgba(26, 123, 196, .05);--bg-grid-line: rgba(26, 123, 196, .06);--border-default: rgba(26, 123, 196, .2);--border-subtle: rgba(26, 123, 196, .12);--border-medium: rgba(26, 123, 196, .25);--border-strong: rgba(26, 123, 196, .38);--border-input: rgba(26, 123, 196, .4);--border-focus: rgba(26, 123, 196, .8);--border-header: rgba(26, 123, 196, .15);--shadow-sm: 0 4px 12px rgba(26, 123, 196, .1);--shadow-md: 0 8px 24px rgba(26, 123, 196, .15);--shadow-lg: 0 12px 40px rgba(26, 123, 196, .18);--shadow-header: 0 2px 20px rgba(26, 123, 196, .1);--shadow-focus-ring: 0 0 0 3px rgba(26, 123, 196, .15);--shadow-glow-lavender: 0 0 30px rgba(26, 123, 196, .3);--shadow-glow-pink: 0 0 30px rgba(26, 123, 196, .3);--shadow-glow-blue: 0 0 30px rgba(26, 123, 196, .3);--gradient-primary: linear-gradient(135deg, #1a7bc4, #0f6ba8);--gradient-bubble: linear-gradient(135deg, rgba(26, 123, 196, .1), rgba(15, 107, 168, .07));--color-white: #051824;--color-surface: rgba(255, 255, 255, .95);--color-bg-primary: #f0f7ff;--color-bg-secondary: #e8f3ff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{transition:background-color .25s ease,color .25s ease}body{font-family:var(--font-body);background-color:var(--bg-page);background-image:linear-gradient(var(--bg-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid-line) 1px,transparent 1px);background-size:40px 40px;color:var(--color-text-primary);line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;letter-spacing:0em;line-height:1.3;color:var(--color-text-primary)}h1{font-size:clamp(2.2rem,7vw,4.5rem);margin-bottom:var(--space-md)}h2{font-size:clamp(1.6rem,4.5vw,2.8rem);margin-bottom:var(--space-md)}h3{font-size:clamp(1.15rem,3vw,1.9rem);margin-bottom:var(--space-sm)}p{font-size:1rem;color:var(--color-text-secondary);margin-bottom:var(--space-sm);line-height:1.75}button{font-family:var(--font-body);font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;padding:.75rem var(--space-lg);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}button:disabled{opacity:.38;cursor:not-allowed}.btn-primary{color:#001828;background:var(--gradient-chrome);box-shadow:0 0 18px #3296dc73,inset 0 1px #ffffff80}.btn-primary:before{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:skew(-18deg);animation:y2k-shine 3.5s ease-in-out infinite}@keyframes y2k-shine{0%{left:-70%}55%{left:130%}to{left:130%}}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 28px #3296dca6,inset 0 1px #ffffff80}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-secondary{color:var(--color-lavender);background:transparent;border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-hint)}.btn-danger{color:#fff;background:linear-gradient(135deg,#e05555,#b03030);box-shadow:0 0 14px #dc505059}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 24px #dc50508c}input,select{font-family:var(--font-body);font-size:.9rem;padding:.65rem .9rem;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--color-text-primary);transition:all var(--transition-base);width:100%;line-height:1.75;outline:none}input:focus,select:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus-ring)}input::placeholder,select::placeholder{color:var(--color-placeholder)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text-primary);font-family:var(--font-body)}.search-results{display:flex;flex-direction:column;margin-bottom:var(--space-md);border:1px solid var(--border-header);overflow:hidden}.track-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-md)!important;border-bottom:1px solid var(--border-subtle)!important;cursor:pointer;background:var(--bg-card);border:none!important;transition:background var(--transition-base)!important}.track-item:last-child{border-bottom:none!important}.track-item:hover{background:var(--bg-hover)}.track-item.selected{background:var(--bg-selected)!important;border-left:2px solid var(--color-lavender)!important}.track-item img{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.track-info{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:2px}.track-info strong{font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.track-info span{font-size:.78rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check{color:var(--color-lavender);font-weight:700;font-size:1rem;flex-shrink:0}.repeat-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.repeat-section label{color:var(--color-text-secondary);font-size:.9rem}.repeat-section input[type=number]{width:100px;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--color-lavender);border-radius:50%;animation:spin .8s linear infinite}.container{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.page-container{max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted);font-size:.85rem}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.page-header{text-align:center;margin-bottom:var(--space-lg)}.page-header p{color:var(--color-text-secondary)}.search-form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.search-form input{flex:1;min-width:180px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}.fade-in-delay-1{animation:fadeIn var(--transition-slow) ease-out .1s backwards}.fade-in-delay-2{animation:fadeIn var(--transition-slow) ease-out .2s backwards}.fade-in-delay-3{animation:fadeIn var(--transition-slow) ease-out .3s backwards}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-input)}@media (max-width: 768px){.container,.page-container{padding:var(--space-md)}button{padding:.6rem var(--space-md);font-size:.78rem}.search-form{flex-direction:column}h2{font-size:1.15rem}}