:root{font-family:Inter,system-ui,sans-serif;color:#eef6ff;background:#050a13}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 5%,#15345e,transparent 35%),#050a13}button,input,select{font:inherit}.center{min-height:100vh;display:grid;place-items:center;padding:22px}.card{padding:25px;border:1px solid #203550;border-radius:17px;background:#091525}.login{width:min(430px,100%)}.mark{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:var(--primary, #3158ff);font-size:25px;font-weight:800}.eyebrow{color:#62c9ff;font-size:12px;font-weight:800;letter-spacing:.13em}h1{font-size:36px;margin:7px 0}h2,h3{margin:5px 0}p,footer{color:#96aac5;line-height:1.5}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#02070fd1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.portal-modal{width:min(100%,520px);padding:26px;border:1px solid #2a4769;border-radius:20px;background:#091525;box-shadow:0 28px 90px #0000008c}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}form{display:grid;gap:14px;margin-top:22px}.form-actions,.playlist-actions{display:flex;gap:10px}.form-actions button{flex:1}.playlist-actions{flex:0 0 auto}label{display:grid;gap:7px;font-size:14px;color:#cbd9e9}input,select{width:100%;padding:13px;color:#fff;background:#06101d;border:1px solid #29425f;border-radius:10px}button{padding:12px 16px;border:0;border-radius:10px;color:#fff;background:var(--primary, #3158ff);font-weight:750;cursor:pointer}.shell{width:min(1100px,calc(100% - 32px));margin:auto;padding:30px 0}.shell header,.shell header>div,.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.shell header img{width:56px;height:56px;object-fit:contain}.secondary{background:#172942}.danger{background:#851b34;border:1px solid #d94a68}.danger:hover{background:#a42140}.banner{width:100%;height:180px;object-fit:cover;border-radius:18px;margin:25px 0}.layout{display:grid;grid-template-columns:380px 1fr;gap:20px;margin-top:28px}.list{display:grid;gap:12px}.row p{margin:4px 0}.empty{padding:35px;text-align:center;border:1px dashed #29425f;border-radius:14px;color:#7e92ac}.error{margin:15px 0;padding:12px;background:#501523;border-radius:10px}footer{text-align:center;margin-top:35px}@media(max-width:720px){.layout{grid-template-columns:1fr}.saved-lists{order:1}.add-list{order:2}.shell header{align-items:flex-start}.row{align-items:flex-start;flex-direction:column}.row button,.playlist-actions{width:100%}}.playlist-info{flex:1;min-width:0}.playlist-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-active{display:inline-flex;padding:4px 9px;border:1px solid #1b9b69;border-radius:999px;color:#62e6ad;background:#1b9b6926;font-size:12px;font-weight:800}.playlist-details{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:14px 22px;margin:18px 0 0}.playlist-details div{min-width:0}.playlist-details dt{margin-bottom:4px;color:#62c9ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.playlist-details dd{margin:0;color:#dce9f8;overflow-wrap:anywhere}@media(max-width:720px){.playlist-details{grid-template-columns:1fr 1fr}}