*{box-sizing:border-box}body{margin:0;background:#111;color:#eee;font-family:Arial,sans-serif}header{padding:18px 5%;background:#1c1c1c;display:flex;justify-content:space-between}nav a{color:#ddd;margin-left:15px;text-decoration:none}main{width:min(1100px,92%);margin:30px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card,.panel{background:#1d1d1d;padding:18px;border-radius:12px;border:1px solid #333}.thumb{height:130px;background:#292929;border-radius:8px;display:grid;place-items:center;font-size:45px}.button,button{display:inline-block;padding:10px 15px;border:0;border-radius:7px;background:#eee;color:#111;text-decoration:none;cursor:pointer}input,textarea{width:100%;padding:12px;margin:8px 0 14px;background:#111;color:#fff;border:1px solid #444;border-radius:7px}textarea{min-height:100px}.search{display:flex;gap:10px}.player{width:100%;max-height:75vh;background:#000}.login{width:min(420px,92%);margin:12vh auto;padding:30px;background:#1d1d1d;border-radius:14px}.error{background:#602020;padding:12px;border-radius:7px}.ok{background:#205c31;padding:12px;border-radius:7px}.row{display:flex;gap:18px;padding:12px;border-bottom:1px solid #333}.row span{flex:1}.row a{color:#fff}