@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-start: #1a0533;--bg-end: #2d1b4e;--card-bg: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .12);--text: #f0e6ff;--text-muted: #b8a4d0;--accent: #f59e0b;--accent-hover: #d97706;--error: #ef4444;--success: #10b981;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .15);--input-focus: rgba(245, 158, 11, .4)}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,var(--bg-start) 0%,var(--bg-end) 50%,#1a0533 100%);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.layout-inner{width:100%;max-width:560px;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:20px;padding:2.5rem}.card-header{margin-bottom:2rem}.card-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.subtitle{color:var(--text-muted);font-size:.95rem}.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.input{width:100%;padding:.85rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;color:var(--text);font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--input-focus)}.input::placeholder{color:var(--text-muted);opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#1a0533}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--card-border)}.btn-ghost:hover:not(:disabled){background:#ffffff0d;color:var(--text)}.btn-full{width:100%}.song-input-form{display:flex;flex-direction:column;gap:.75rem}.song-textarea{width:100%;padding:1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;color:var(--text);font-size:.9rem;font-family:Inter,monospace;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s}.song-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--input-focus)}.song-textarea::placeholder{color:var(--text-muted);opacity:.5}.song-input-footer{display:flex;align-items:center;justify-content:space-between}.link-count{color:var(--text-muted);font-size:.85rem}.song-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.song-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.song-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.song-link{color:var(--text);text-decoration:none;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.song-link:hover{color:var(--accent)}.song-error{color:var(--error);font-size:.75rem}.status-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.error-msg{color:var(--error);font-size:.9rem}.success-msg{color:var(--success);font-size:.9rem;margin-bottom:.75rem}.info-msg{color:var(--accent);font-size:.9rem;margin-top:.5rem}.empty-state{color:var(--text-muted);text-align:center;padding:2rem 0;font-size:.95rem}.divider{height:1px;background:var(--card-border);margin:1.5rem 0}.submit-card h2{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-muted)}.status-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff08;border-radius:10px}.status-label{color:var(--text-muted);font-size:.9rem}.status-value{font-size:.85rem;font-weight:500}.status-value.ok{color:var(--success)}.status-value.warn{color:var(--accent)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.spinner{width:32px;height:32px;border:3px solid var(--card-border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.card{padding:1.5rem;border-radius:16px}.card-header h1{font-size:1.4rem}.layout{padding:1rem}}