:root{--cream: #f5f3ef;--cream-dark: #e8e6e1;--black: #1a1a1a;--gray: #888888;--white: #ffffff;--border: 1.5px solid var(--black);--border-light: 1px solid var(--cream-dark);--success: #10b981;--success-bg: #d1fae5;--success-text: #065f46;--success-light: #ecfdf5;--success-border: #a7f3d0;--error: #ef4444;--error-bg: #fee2e2;--error-text: #991b1b;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--nav-height: 40px;--seeding-bar-height: 44px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", Monaco, "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--black);background:var(--cream-dark);padding-top:var(--nav-height);padding-bottom:var(--seeding-bar-height);-webkit-font-smoothing:antialiased}a{color:var(--gray);text-decoration:underline;text-decoration-color:var(--cream-dark);text-underline-offset:2px;transition:text-decoration-color .2s}a:hover{text-decoration-color:var(--gray)}button{font-family:inherit}h1{font-size:20px;font-weight:600;color:var(--black)}h2{font-size:16px;font-weight:600;color:var(--black)}h3{font-size:14px;font-weight:600;color:var(--black)}p{color:var(--gray)}.label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--black)}.label-muted{font-size:9px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--gray)}.container{background:var(--cream);border:var(--border);max-width:800px;margin:0 auto}.container-narrow{max-width:500px}.page-wrapper{min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.header{padding:var(--space-md) var(--space-lg);border-bottom:var(--border)}.logo{font-size:14px;font-weight:600;color:var(--black);text-decoration:none}.logo:hover{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background:var(--cream);color:var(--black);border:var(--border);font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .1s ease}.btn:hover{background:var(--cream-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--black);color:var(--cream)}.btn-primary:hover{background:#333}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:11px}.form-group{margin-bottom:var(--space-lg)}label{display:block;font-size:12px;font-weight:500;margin-bottom:var(--space-sm);color:var(--black)}input[type=text],input[type=email],input[type=url],input[type=file]{width:100%;padding:var(--space-sm) var(--space-md);background:var(--cream);border:var(--border);font-family:inherit;font-size:13px;color:var(--black)}input[type=file]{padding:var(--space-sm)}.file-input-wrapper{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-input-text{font-size:13px;color:var(--gray)}input:focus{outline:none;background:var(--white)}.hint{display:block;margin-top:var(--space-xs);font-size:11px;color:var(--gray)}.status{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border:var(--border);font-size:12px;display:none}.status.show{display:block}.status.success{background:var(--success-bg);color:var(--success-text);border-color:var(--success)}.status.error{background:var(--error-bg);color:var(--error-text);border-color:var(--error)}.comparison{width:100%;padding:var(--space-lg)}.compare-table{width:100%;border-collapse:collapse;font-size:13px}.compare-table th,.compare-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:var(--border-light)}.compare-table thead th{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gray);border-bottom:var(--border)}.compare-table tbody tr:last-child td{border-bottom:none}.compare-table td.label-col{font-weight:500;color:var(--black)}.compare-table .value{display:inline-block;padding:2px 8px;font-family:var(--font-mono);font-size:11px;background:var(--cream-dark);border:1px solid var(--cream-dark)}.compare-table .value.good{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.compare-table .value.bad{background:var(--error-bg);color:var(--error-text);border-color:var(--error)}.compare-note{text-align:center;font-size:12px;font-style:italic;color:var(--gray);margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-light)}.seeding-panel{margin-top:var(--space-lg);padding:var(--space-md);background:var(--cream);border:var(--border)}.seeding-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.seeding-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.seeding-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gray)}.seeding-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:var(--border-light)}.stat{display:flex;flex-direction:column}.stat-value{font-size:16px;font-weight:600;font-family:var(--font-mono);color:var(--black)}.stat-label{font-size:9px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--gray)}.seeding-note{font-size:11px;color:var(--gray);margin-bottom:var(--space-md)}.magnet-list{display:flex;flex-direction:column;gap:var(--space-sm)}.magnet-item{padding:var(--space-sm);background:var(--cream-dark);border:var(--border-light)}.magnet-label{font-size:12px;font-weight:500;margin-bottom:var(--space-sm);color:var(--black)}.magnet-row{display:flex;gap:var(--space-sm);align-items:center}.magnet-input{flex:1;padding:var(--space-sm);font-family:var(--font-mono);font-size:10px;background:var(--cream);border:var(--border);overflow:hidden;text-overflow:ellipsis}.copy-btn{padding:var(--space-sm) var(--space-md);background:var(--black);color:var(--cream);border:var(--border);font-size:10px;font-weight:500;cursor:pointer;transition:background .1s ease;white-space:nowrap}.copy-btn:hover{background:#333}.play-link{font-size:11px;white-space:nowrap}.seeding-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--success-light);border-top:1.5px solid var(--success);font-size:12px;color:var(--success-text);z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.seeding-bar.fade-out{animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.seeding-bar .seeding-icon{font-size:14px}.seeding-bar .seeding-info{flex:1}.seeding-bar .seeding-stop{background:none;border:none;color:var(--success-text);font-size:16px;cursor:pointer;padding:0 var(--space-sm);opacity:.6;transition:opacity .2s}.seeding-bar .seeding-stop:hover{opacity:1}.seeding-bar .seeding-undo{background:var(--success-text);color:var(--white);border:none;padding:var(--space-xs) var(--space-sm);font-size:10px;font-weight:500;cursor:pointer}.track-list-edit{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-sm)}.track-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--cream-dark);border:var(--border-light);transition:background .1s ease;cursor:grab}.track-item:active{cursor:grabbing}.track-item.dragging{opacity:.5}.track-item.drag-over{border-top:2px solid var(--success);padding-top:calc(var(--space-sm) - 2px)}.track-num{font-family:var(--font-mono);font-size:11px;color:var(--gray);min-width:20px}.track-name-input{flex:1;padding:var(--space-xs) var(--space-sm);border:1px solid transparent;background:transparent;font-family:inherit;font-size:13px}.track-name-input:focus{border-color:var(--black);background:var(--white);outline:none}.track-size{font-family:var(--font-mono);font-size:11px;color:var(--gray);min-width:60px;text-align:right}.progress-bar{height:4px;background:var(--cream-dark);border-radius:2px;overflow:hidden;margin-top:var(--space-sm)}.progress-fill{height:100%;background:var(--success);transition:width .3s ease}textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--cream);border:var(--border);font-family:inherit;font-size:13px;color:var(--black);resize:vertical}textarea:focus{outline:none;background:var(--white)}@media(max-width:640px){.seeding-stats{gap:var(--space-md)}.stat-value{font-size:14px}.compare-table th,.compare-table td{padding:var(--space-sm);font-size:12px}}.nav-bar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--cream);border-bottom:var(--border-light);font-size:13px;z-index:100}.nav-logo{font-weight:600;color:var(--black);text-decoration:none}.nav-logo:hover{text-decoration:underline}.nav-auth{display:flex;align-items:center}.nav-auth-name{color:var(--black);text-decoration:none}.nav-auth-name:hover{text-decoration:underline}.nav-auth-separator{color:var(--gray);margin:0 var(--space-sm)}.nav-auth-logout{background:none;border:none;color:var(--gray);cursor:pointer;font-size:inherit;padding:0}.nav-auth-logout:hover{text-decoration:underline}.artist-header{margin-bottom:var(--space-lg)}.artist-bio{color:var(--gray);margin-top:var(--space-sm)}.artist-links{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.artist-link{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--cream-dark);border:var(--border-light);font-size:12px;color:var(--black);text-decoration:none}.artist-link:hover{background:var(--cream);text-decoration:none}.artist-actions{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.artist-releases{margin-top:var(--space-lg)}.artist-releases h2{margin-bottom:var(--space-md)}.release-card{display:block;padding:var(--space-md);background:var(--cream-dark);border:var(--border-light);margin-bottom:var(--space-sm);text-decoration:none;transition:background .1s ease}.release-card:hover{background:var(--cream);text-decoration:none}.release-title{font-weight:500;color:var(--black)}.release-meta{font-size:12px;color:var(--gray);margin-top:var(--space-xs)}.empty-state{color:var(--gray);font-style:italic}.modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--cream);border:var(--border);padding:var(--space-lg);max-width:400px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin-bottom:var(--space-lg)}.modal-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg)}