:root{--bg: radial-gradient(circle at 25% 15%, #1b222b 0%, #0f1115 60%);--bg-alt: #161a1f;--panel: #1e242b;--panel-alt: #262e37;--text: #e6ecf3;--text-dim: #97a0ae;--accent: #ff2d55;--accent-hover: #ff4d6d;--focus: #3d8bfd;--danger: #ff4d4f;--radius-sm: 4px;--radius: 10px;--radius-pill: 999px;--shadow-sm: 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow: 0 4px 18px -4px rgba(0, 0, 0, .55);--font-stack: "Inter", system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;--transition: .18s cubic-bezier(.4, 0, .2, 1)}body,html{margin:0;padding:0;font-family:system-ui,Arial,sans-serif;background:var(--bg);background-attachment:fixed;color:var(--text)}.app{max-width:820px;margin:0 auto;padding:2rem 1.25rem 4rem}h1{font-size:clamp(1.8rem,2.8vw,2.6rem);font-weight:600;letter-spacing:.5px;margin:0;background:linear-gradient(90deg,#ff2d55,#ff8a34);background-clip:text;-webkit-background-clip:text;color:transparent;text-align:center}.fetch-form{display:flex;gap:.5rem}.options{margin:1rem 0}.options label{cursor:pointer;user-select:none}.error{background:#b91c1c;padding:.75rem 1rem;border-radius:4px;margin:.75rem 0}.info-card{background:#161b22;border:1px solid #2a2f3a;padding:1rem 1.25rem 1.5rem;border-radius:6px;margin-top:1rem}.section-card{background:var(--panel);box-shadow:var(--shadow);border:1px solid #2a2f3a;padding:1rem 1.25rem 1.25rem;border-radius:6px;margin-top:1rem;form{display:flex;gap:.5rem;flex-wrap:wrap}h2{margin:0 0 .6rem;font-size:1.2rem}input{flex:1;padding:.6rem .75rem;border:1px solid #2a2f3a;background:var(--panel-alt);color:var(--text);border-radius:4px}input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #1831584d}button{padding:.6rem 1rem;border:none;color:#fff;border-radius:4px;cursor:pointer;font-weight:600;border-radius:var(--radius-sm)}button.btn-primary{background:linear-gradient(90deg,#ff2d55,#ff6a43)}button.btn-success{background:linear-gradient(90deg,#32d583,#10b981)}button.btn-danger{background:linear-gradient(90deg,#e62225,red)}button.btn-danger:hover,button.btn-primary:hover,button.btn-success:hover{filter:brightness(1.07)}button:disabled{opacity:.6;cursor:default;filter:none}}.row{display:flex;gap:.5rem}.meta{display:flex;gap:1rem;img{width:160px;height:auto;border-radius:4px;object-fit:cover;border:1px solid #2a2f3a}h2{margin:.25rem 0 .5rem;font-size:1.1rem}}.format-select{margin:1rem 0;select{width:100%;padding:.55rem .6rem;border:1px solid #2a2f3a;background:#181c23;color:#e4e7ec;border-radius:4px}}.playlist-header{display:flex;gap:.75rem;margin-top:1rem;img{height:120px;width:120px;border-radius:4px;object-fit:cover;border:1px solid #2a2f3a}h3,div{margin-top:.5rem}}.playlist{overflow-y:scroll;max-height:400px;margin-top:1rem;.playlist-item{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;border-bottom:1px solid #222}}@media (max-width: 640px){.meta{flex-direction:column;align-items:center}.meta img{width:100%}}